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Neste livro utilizamos imagens de comandos e da linguagem de programação Python e do 
framework PPlay para desenvolvimento de jogos. O PPlay foi desenvolvido no Instituto de 
Computação da UFF para ser usado como ferramenta de auxílio no ensino de programação aos 
alunos ingressantes. Mais detalhes, no seu link oficial: http://www2 .ic.uff.br/pplay/ 

Algumas imagens utilizadas estão disponíveis sob a licença Creative Commons 
Attribution-ShareAlike 2.0 International (CC BY-SA 2.0). A imagem animada do porco, utilizada 
nas aulas 5 e 6 foi criada por Jeremie Kent Leyva (com o usuário Redbird25) e disponibilizado em 


um fórum para fãs do jogo Angry Birds: https://angrybirds.fandom.com/wiki/User:Redbird25 


Os códigos-fonte de cada jogo estão disponíveis na pasta http://bit.ly/Codigos|ogosPPlay. 
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Resultados de Aprendizagem: 


Pensamento Computacional (PC) 


PC01. Usar passos básicos na solução de problemas algorítmicos para projetar soluções (por exemplo, 
declaração e exploração de problemas, exemplos de instâncias, design, implementação de uma solução, 
teste, avaliação) 

PC06. Descrever e analisar uma sequência de instruções que estão sendo seguidas (por exemplo, 
descrever o comportamento de um personagem em um videogame conforme orientado por regras e 
algoritmos). 

PC07. Representar dados de várias formas, incluindo texto, sons, imagens e números. 

PC11. Analisar o grau em que um modelo de computador representa com precisão o mundo real. 


PC12. Usar abstração para decompor um problema em subproblemas. 


PC15. Fornecer exemplos de interdisciplinaridade em aplicações do pensamento computacional 


Colaboração (C) 

C6. Criar, desenvolver, publicar e apresentar, de forma colaborativa, produtos (por exemplo, vídeos, 
podcasts, websites) usando recursos de tecnologia que demonstram e comunicam conceitos do currículo. 
C7. Colaborar com colegas, especialistas e outras pessoas usando práticas colaborativas, como 


programação em pares, trabalho em equipes de projeto e participação em atividades de aprendizado ativo 
em grupo. 


Prática de Computação e programação (PCP) 


PCP04. Demonstrar compreensão de algoritmos e sua aplicação prática. 


PCP05. Implementar soluções de problemas usando uma linguagem de programação, incluindo: 
comportamento de looping, instruções condicionais, lógica, expressões, variáveis e funções. 


AULA 1 - Criando o Jogo Pong 


1. Sumário 


Nesta aula os estudantes irão aprender os conceitos básicos da criação de jogos digitais 
utilizando a linguagem de programação Python. Além de compreender os conceitos iniciais da 
programação orientada a objetos. 


Objetivos Entender os conceitos preliminares da programação 
orientada a objetos 


Compreender os conceitos de classe, objeto, método e 
atributo 





Instanciar novos objetos em um programa 
Modificar atributos para alterar o estado de objetos 


Utilizar métodos para definir comportamentos de objetos 


Aplicar os conceitos aprendidos na construção de jogos 
digitais 


Resultados de Aprendizagem PC01. Usar passos básicos na solução de problemas algorítmicos para 
projetar soluções (por exemplo, declaração e exploração de problemas, 


exemplos de instâncias, design, implementação de uma solução, teste, 
avaliação) 


PC06. Descrever e analisar uma sequência de instruções que estão 
sendo seguidas (por exemplo, descrever o comportamento de um 
personagem em um videogame conforme orientado por regras e 
algoritmos). 





PC07. Representar dados de várias formas, incluindo texto, sons, 


imagens e números. 


PCP04. Demonstrar compreensão de algoritmos e sua aplicação prática. 


PCP05. Implementar soluções de problemas usando uma linguagem de 
programação, incluindo: comportamento de looping, instruções 
condicionais, lógica, expressões, variáveis e funções. 


Materiais http://bit.ly/ArquivoPong 





Descrição das Atividades 


Antes do início da aula, o professor deve perguntar aos alunos o seus respectivos níveis de 
conhecimento com a linguagem de programação Python. Visto que as atividades que serão 
realizadas neste semestre serão realizadas com esta linguagem de programação, é necessário 
ter essa pesquisa prévia. 


Após o bate papo informal a respeito da programação, o professor apresenta as dinâmicas que 
serdo realizadas nesta unidade: criação de jogos digitais utilizando o Python. é importante 
ressaltar que a partir da criação de jogos, os estudantes irão aprender os conceitos 
fundamentais da programação orientada a objetos. 


Em seguida, o professor pode se basear no conteúdo apresentado em Tópicos Relevantes, o 
qual fala sobre a Programação Orientada a Objetos e logo em seguida, iniciar a construção do 
jogo a partir dos passos apresentados na seção Folha de Atividades. 


Caso o tempo fique curto, o professor pode pedir para os estudantes terminarem a atividade em 
casa e na aula seguinte, retomar o conteúdo. 


TÓPICOS RELEVANTES 


Programação Orientada a Objetos 


Vamos conhecer um pouco como funciona a Programação Orientada a Objetos, esta que 
estaremos utilizando durante o nosso livro. 


Vejamos o seguinte exemplo: 


Surge a oportunidade para criarmos um jogo de espaçonaves. Neste jogo, teremos a nossa nave e 
para vencermos, precisamos destruir as naves inimigas e o chefão que irá aparecer no final do jogo. A 
nossa nave possui uma cor azul e os seus tiros possuem a cor branca. Já os inimigos podem possuir 
vários tipos de cores, vermelho, amarelo, branco, entre outros (só não pode ser azul, pois a nossa 
nave já é azul). Por fim, o chefão também possuirá um esquema de cores que irá compor a sua 
carcaça e ao contrário das outras naves, ele irá soltar dois tiros por vez. 


A partir dessa descrição que nos foi passada, podemos perceber alguns detalhes que são 
extremamente importantes para a Programação Orientada a Objetos, vamos destacar alguns 
pontos que são importantes: 

e Uma nave irá possuir uma cor (a depender da nave ela pode possuir cores diferentes) 

e Uma nave pode atirar (Se for o chefão, ele irá soltar dois tiros por vez) 

e Uma nave pode se movimentar pelo espaço 


A Programação Orientada a Objetos tem como característica principal aproximar os detalhes da 
programação com o mundo real. 


Podemos chamar os diversos tipos de naves que aparecem na nossa tela de objetos. 
Percebemos que esses objetos possuem suas caracteristicas que os diferenciam no mundo. Por 
exemplo, a nossa nave possui uma cor azul e, seus tiros, a cor branca - diferentemente de um 
inimigo que possui a cor amarela e o tiro de cor vermelha, e até de outro inimigo que possui a 
cor laranja. 


Podemos pensar também que podemos ter o controle da nossa nave, fazendo-a se movimentar 
- geralmente, utilizamos as setas para esse controle. Pensando na nossa nave com um objeto 
Único, esse controle das setas só irá servir para a nossa nave, pois os outros objetos se 
comportam de maneira diferente e um objeto não interfere no outro. 


Quais são todas as características que essas naves possuem em comum? 
-> Cor principal 
->» Cordotiro 
> Quantidade de tiros disponíveis por vez 
- Posição no eixo horizontal 


-> Posição no eixo vertical 


Quais são todos os comportamentos que essas naves possuem em comum? 
-» Movimentar 
-» Atirar 


Ao perceber e definir essas características e comportamentos em comum de um objeto, 
podemos introduzir um novo conceito: classe. 


Uma classe funciona como um molde para um objeto. Por exemplo: 
-> Vimos que todas as características de uma nave são a sua cor principal, cor do tiro e 
quantidade de tiros disponíveis por vez. 


Com a classe, nós iremos somente definir quais são essas características, pois lembre-se, ela 
funciona como um molde para o objeto. Ao criarmos um objeto a partir desta classe, o objeto 
vai assumir valores para as suas características. Por exemplo, a cor principal e a cor do tiro 
podem ser vermelhos, e a quantidade de tiros disponíveis por vez pode ser 1. 


Com a programação orientada a objetos, nós chamamos as características de um objeto de 
atributo, que são basicamente variáveis pertencentes ao objeto e que vão assumir valores 
específicos. E os comportamentos de um objeto, nós chamamos de métodos, que são funções 
pertencentes ao objeto e que vão descrever como cada objeto se comporta. Os métodos podem 
ser iguais para todos os objetos de uma mesma classe (por exemplo, movimentar pode ser 
similar para todas as naves) ou serem diferentes a depender do objeto. Por exemplo, quando o 
chefão atira, são disparados dois tiros por vez, enquanto que uma nave comum dispara apenas 
um tiro por vez. 


A partir desse entendimento inicial, podemos criar uma classe e seus objetos com a 
programação em Python, como no exemplo a seguir: 


class Nave: 


dl det ums dseli): 

2 selticor 

3 sell, Cor co tiro - vo 

selii ciuoctivos — É 

4 

5 def movimentar (self): 

6 * Aqui haverá um código que irá fazer o objeto do tipo Nave se 
1 | movimentar 

8 

9 def atirar(self): 
10 4% Aqui haverá um código que irá fazer o objeto do tipo Nave 


Nassar 


131 % O código acima define uma classe Nave. 
14 | 7 Abaixo, você pode ver um programa que usa esta definição para criar 
15 | objetos do tipo Nave. 


16 | navel = Nave () 
17 | navel.cor = "vermelho" 
ES | apelo o itilzo = emule 


SA | mengedlo epucl icaliaoe = dl 
20 | navel.atirar() 


2 

22 | nave? = Nave () 

23 | nave2.cor = "amarelo" 

ad | nenuSA Store cio elico = Custas nos 


ms | nenaSA dejrel cioes = 5 
26 | nave2 .atirar () 


Na linha 16, estamos instanciando um objeto, ou seja, estamos criando um objeto a partir de 
um molde (classe). Podemos acessar os seus atributos a partir do ponto (.), ou seja, quando 
temos na linha 17: 


navel.cor = "yetrmelho" 


Estamos acessando o atributo do nosso objeto que chamamos de navel, e estamos atribuindo 
um valor, que neste caso é vermelho. 

Faremos o mesmo com a cor do seu tiro e a quantidade tiros disponíveis, apresentados na linha 
18 e 19, respectivamente. 


Por fim, na linha 20, chamamos o método atirar. Também utilizamos o ponto (.) para acessar 
os métodos de um objeto. Como foi definido anteriormente dentro da classe, o método atirar, 


quando for chamado, irá mostrar uma mensagem na tela, que a depender dos valores que o 
objeto que a chamou possui, irá ser mostrada de maneira diferente. 


Na linha 22, criamos um outro objeto a partir da classe Nave, esta terá outras características que 
serdo diferentes do objeto que criamos anteriormente. Ela terá uma cor amarela, a cor da bala 
será vermelha e ela poderá atirar 3 balas por vez. 


Neste tópico importante aprendemos um pouco sobre a Programação Orientada a Objetos. 
Nela teremos classes, as quais serão moldes para objetos. Um objeto será único no mundo e 
ele não poderá interferir com outro já criado. Um objeto para existir terá que possuir atributos 
que são as suas características e métodos que são os seus comportamentos. A depender do 
objeto, ele pode se comportar de maneira diferente no mundo. 
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FOLHA DE ATIVIDADES - Criando o Jogo Pong 


Pontuação 
0XO 





O Pong é um jogo clássico, ele foi o primeiro jogo lucrativo da história e possui uma grande 
importância na indústria dos jogos. 


Ele foi feito para dois jogadores. Um irá controlar a barra direita e o outro a esquerda. A bola irá 
aparecer no centro da tela e aleatoriamente irá escolher uma posição para se movimentar. Caso 
a bola colida no canto direito da tela, o jogador da esquerda ganha um ponto. Porém, se a bola 
colidir no canto esquerdo da tela, o jogador da direita ganha um ponto 

Os jogadores irão movimentar a barra para que a bola não colida com seu canto da tela. 

Ganha o jogador que fizer 3 pontos primeiro. 


Para a implementação do jogo, iremos utilizar o PPlay que utiliza o Pygame. 


Inicialmente, será necessário baixar os arquivos importantes para a criação do jogo. Acesse o 
seguinte link: http://bit.lyv/ArquivoPong 


Em seguida, nesta mesma pasta, no diretório principal, crie um arquivo chamado pong.py. Nele 
iremos implementar o nosso código. 

Como foi dito anteriormente, utilizaremos o PPlay para criação de jogos. Ele já possui várias 
ferramentas prontas que irão nos auxiliar nessa jornada, sendo assim, teremos que realizar uma 
importação dessas ferramentas que irão aparecer através das classes. 


11 


Passo 01 - Criando a tela do Jogo 


Na primeira linha do seu código, escreva o seguinte: 


from PPlay.window import 


from - Palavra reservada que indica de onde iremos importar os nossos arquivos 
PPlay - Pasta que está no seu diretório 

«window - Nome do arquivo que está dentro da pasta PPlay 

import - Palavra reservada que irá fazer a importação dos arquivos 

*- Significa que iremos importar tudo que está dentro do arquivo window 


Feito isso, importamos uma classe importante do PPlay que irá trabalhar especificamente com a 
tela do jogo: Window. Assim, iremos criar um objeto do tipo Window logo após a sua 
importação: 


Acabamos de criar um objeto do tipo Window, que estará armazenado na variável janela. Neste 
caso, quando criamos o objeto do tipo Window, temos que passar como parâmetro duas 
variáveis: as dimensões da tela. Neste caso, utilizaremos uma tela com 400 pixels de largura e 
300 pixels de altura. 


Agora para desenhar a janela na tela do seu computador, iremos chamar o método update () 
que está acessível para o objeto, basta escrever: 


E rodar o seu código! 


Se você viu rapidamente uma tela preta aparecendo na tela, não se preocupe pois isso era o 
esperado! 
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O nosso código está sendo executado linearmente. Após você escrever janela.update(), O 
interpretador do python leu esse código, executou, viu que não tinha mais nenhum código 
abaixo deste e finalizou o programa. 


Para evitar isso, utilizaremos um conceito que chamamos de game loop. Pegando a tradução 
literal deste termo, temos um ciclo de jogo. Na programação, quando falamos de ciclos, 
podemos pensar rapidamente nos loops ou nas estruturas de repetição. Sendo assim, 
teremos uma repetição dentro do nosso código, e todo o nosso jogo irá rodar a partir dessa 
repetição. 


O game loop é um conceito bastante importante para a programação de jogos. Basicamente ele 
serve como uma estrutura de controle pois com ele, o jogo irá executar uma série de ações, 
essas ações podem ser: pegar as entradas do usuário (pode ser o ponteiro do mouse, um botão 
do teclado pressionado), a partir desta entrada do usuário modificar o estado do jogo (modificar 
a posição de um personagem ou até modificar o cenário que está sendo mostrado) e por fim, 
desenhar o jogo com as modificações realizadas. 


Sendo assim, os três principais pontos que acontecem durante o game loop são: 
e Obter a entrada do usuário 
e Modificar o estado do jogo 
e Desenharo jogo 


É importante ressaltar que as importações de classes e instanciações de objetos deverão ser 
feitas antes do game loop, pois como estamos lidando com uma estrutura de repetição, caso 
instanciamos um objeto dentro dele, este sempre será criado e suas informações serão perdidas 
ao final de cada loop. 


Sendo assim, teremos o nosso código desse jeito: 


from PPlay.window import 


janela Window (400, 300) 


[E 


while(Truse): 


= pç mp A 
e RE im 


tah id. di ti od 


Sendo assim, agora temos a nossa janela aparecendo sem interrupções: 
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4 Title 
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Passo 02 - Modificando a tela do Jogo. 


Podemos modificar o título que aparece no canto superior. Basta antes do nosso game loop, 
chamar o método set title com o objeto janela, e passar como parâmetro o nome que você 
deseja que apareça: 





Se essa tela estiver aparecendo dessa forma, tudo está conforme o planejado. 

Podemos também, trocar a cor da nossa tela, pois a classe Window possui o método 
set background color() que irá receber três parâmetros : no primeiro valor o valor R 
(vermelho), o segundo G (verde) e no terceiro B (azul). 

Para as alterações com a cor de fundo da janela funcionarem corretamente, é necessário 
chamar esse método dentro do game loop para que sempre que a tela for atualizada com as 


novas informações, a sua cor continuar sendo a mesma: 


Desta forma, a sua tela irá ficar branca: 
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Passo 03 - Adicionando as barras do Jogo. 


Seguindo adiante, precisamos colocar na nossa tela as barras que irão se movimentar conforme 
o input do usuário. Para isso, o PPlay apresenta a classe Sprite. Um sprite é elemento gráfico 
bidimensional que pode ser controlado pelo usuário através de interações com o teclado ou 
mouse. É necessário associar uma imagem ao sprite para que ele apareça na tela e chame 
atenção do usuário para que ele possa o controlar. 


Importamos a classe Sprite da seguinte forma: 


from FFlay.sprite import 


Sendo assim, a classe Sprite foi importada com sucesso, e podemos instanciar seus objetos. 
Para instanciar um objeto do tipo Sprite, precisamos passar a localização da imagem. Esta 
imagem é a que aparecerá na tela. Neste caso, a imagem da barra está presente dentro da pasta 
assets e com o nome de barra.png. Logo: 


Acabamos de instanciar dois objetos, um será responsável pela barra que ficará no canto 
esquerdo da tela e outro na direita. Precisamos agora definir quais posições as barras irão 
ocupar inicialmente. A classe Sprite tem o método set position(x,y) que recebe como 
parâmetro as posições x e y que você deseja que o seu objeto fique na tela. 


Após as criação dos objetos, lembrando que será antes do game loop, podemos chamar este 
método para modificar as suas posições iniciais: 


Se você rodar o seu programa, você irá verificar que mesmo com as importações, as barras não 
aparecem na tela. Isso acontece porque até agora, dentro do game loop a gente não chamou a 
função que desenha as nossas barras. 
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Sendo assim, antes de janela.update() iremos escrever: 


E teremos: 
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AULA 2 - Continuando a 
criação do Jogo Pong 


1. Sumário 


Nesta aula os estudantes irão continuar a construção do jogo Pong que foi iniciada na aula 


passada. O professor deverá relembrar os conteúdos apresentados na aula anterior a fim de 


praticar uma metodologia em espiral, no qual os estudantes irão a cada aula aprender um 


assunto novo e praticar os assuntos aprendidos anteriormente 


Objetivos 


Conteúdo 


Atividades 


Resultados de Aprendizagem 


Entender os conceitos preliminares da programação 


orientada a objetos 





Compreender os conceitos de classe, objeto, método e 


atributo 





Instanciar novos objetos em um programa 
Modificar atributos para alterar o estado de objetos 
Utilizar métodos para definir comportamentos de objetos 


Aplicar os conceitos aprendidos na construção de jogos 
digitais 


PC01. Usar passos básicos na solução de problemas algorítmicos para 
projetar soluções (por exemplo, declaração e exploração de problemas, 


exemplos de instâncias, design, implementação de uma solução, teste, 
avaliação) 





PC06. Descrever e analisar uma sequência de instruções que estão 
sendo seguidas (por exemplo, descrever o comportamento de um 


personagem em um videogame conforme orientado por regras e 
algoritmos). 
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PC07. Representar dados de várias formas, incluindo texto, sons, 
imagens e números. 


PCP04. Demonstrar compreensão de algoritmos e sua aplicação prática. 


PCP05. Implementar soluções de problemas usando uma linguagem de 
programação, incluindo: comportamento de looping, instruções 
condicionais, lógica, expressões, variáveis e funções. 
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Descrição das Atividades 


Caso exista alguma pendência da aula passada, o professor pode explicar aos estudantes a 
solução em código do tópico. No início da aula, o professor deve realizar uma revisão rápida dos 
assuntos aprendidos na aula anterior. 

Após a revisão da última aula, o professor irá explicar aos estudantes o conceito de Quadros por 
Segundo, assunto que está disponível em Tópicos Relevantes. Neste tópico, existe um exemplo 
prático que pode ser demonstrado pelo professor. 


Em seguida, o professor deve continuar com o que é apresentado na seção Folha de Atividades. 


Lembrando sempre de fazer correlação com o que foi aprendido na aula anterior (teoria da 
Programação Orientada a Objetos). 
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TÓPICOS RELEVANTES 


Uma explicação sobre Quadros por segundo 


Você já deve ter ouvido falar sobre frames per second ou até frames por segundo ou até mesmo 
quadros por segundo, especialmente se você se interessa por games. Basicamente essa 
expressão está se referindo a uma sequência de imagens fixas que, quando são reproduzidas 
em sequência em uma certa velocidade, temos uma simulação de movimento. Esta técnica é 
bastante utilizada na indústria de jogos e de animações. 


Você pode testar esse exemplo com o seu caderno. Faça um desenho de um boneco na ponta 
de uma folha do seu caderno. Na outra folha replique este mesmo desenho, porém levante um 
pouco o braço desse boneco. Vá levantando aos poucos este braço, até que no final o braço do 
boneco vai estar totalmente levantado. 


Você deve ter gastado umas 10 ou 15 páginas para poder fazer isso, não se assuste, mesmo para 
uma simples animação várias páginas são gastas para isso, hoje com a tecnologia e a 
computação gráfica, não é mais necessário que os desenhistas gastem muitas folhas de papel 
para fazer o desenho. Mas imaginem antigamente, quando não existia toda essa tecnologia, 
várias folhas de papel eram utilizadas... 


Feito o desenho, você pode simular a animação ao passar rapidamente as páginas, você verá o 
braço do boneco indo para cima ou indo para baixo. 


Quadros por segundo está se referindo a quantos quadros (imagens) aparecem na tela a cada 


segundo. Quanto maior este número, geralmente 60 FPS, temos uma animação mais limpa, caso 
contrário teremos uma animação mais brusca. 
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FOLHA DE ATIVIDADES - Continuando o Jogo 
Pong 


Na aula passada começamos a construção do jogo Pong, ele está sendo feito com o PPlay que 
utiliza a linguagem de programação Python. 


Até o momento temos o seguinte: 





Conseguimos colocar as duas barras no jogo. 
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Passo 01 - Movimentando as barras do Jogo 

Lidaremos agora com a movimentação do teclado, esta a qual irá movimentar as barras. 

Por convenção, iremos assumir que a barra esquerda irá para baixo quando a tecla S for 
pressionada e para cima quando W for pressionado. 


Já na barra direita temos os botões que possuem a seta para cima e para baixo. 


Para realizarmos o controle do teclado, iremos importar uma outra classe presente no PPlay: 
keyboard: 


E podemos instanciar o seu objeto: 


Ao instanciar o objeto do tipo Keyboard, não precisamos passar nada como parâmetro. 


Antes de implementarmos a funcionalidade de movimentação das barras laterais, é importante 
saber como funciona a tela no PPlay em relação as coordenadas x e y: 
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Percebe-se que a coordenada x cresce da esquerda para a direita. No nosso caso, como temos 
400px de largura, o valor mínimo de x vai ser Opx (no canto extremo esquerdo da tela) e o seu 
valor máximo vai ser 400px (no canto extremo direito da tela). 


Já a coordenada y cresce de cima para baixo. No nosso caso, temos 300px de altura. O valor 
mínimo de y vai ser Opx (no canto extremo superior da tela) e o seu valor máximo vai ser 300px 
(no canto extremo inferior da tela). 


Após a importação da classe Keyboard, poderemos realizar a verificação da tecla pressionada 
do teclado. 


lremos inicialmente realizar a movimentação no teclado esquerdo que irá utilizar as teclas Se D 
do teclado. Posteriormente iremos somente replicar o código e utilizar as teclas de seta para 
cima e para baixo... 


Se queremos que uma barra se mova para baixo, será necessário aumentar a sua coordenada y. 
Caso queremos que ela se mova para cima, diminuímos a sua coordenada y. 


Sendo assim, utilizaremos a estrutura condicional if juntamente com o método 
key pressed (“NOME DA TECLA”) que está presente no objeto teclado. Veja a seguir: 


Lembrando que, esse código estará dentro do game loop, pois ele está recebendo o input 
do usuário. 


Vamos interpretar o código: 

e (Caso o nosso objeto de teclado perceba que o usuário pressionou a tecla S, a barra 
direita irá modificar o seu valor de y por 60px. O que isso significa: se antes a 
coordenada y da barra era 3px, ao chamar o método move y(60) o seu novo valor vai 
ser 63px. Se o usuário continuar pressionando a tecla S, será 63px + 60px = 123px. Ou 
seja, quando estamos aumentando o seu valor atual por um novo, simplesmente 
pegamos o seu valor atual e somamos com o novo valor. 

e Já no caso de o usuário pressionar a tecla W, iremos diminuir os pixels da sua 
coordenada y para que o objeto possa ir para cima. Sendo assim, chamamos o método 
move y(-60) para que possamos diminuir 60px da sua coordenada. Ou seja, se antes 
tinha 123px, agora irá ter 63px... 


Vamos rodar o nosso jogo e verificar o que acontece. 
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Você deve ter rodado o jogo e viu alguns problemas: 
1. A barra está se movimentando rápido demais 
2. A barra está saindo da visão do jogador 


Vamos resolver por partes. 
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Passo 02 - Movimentando a barra mais lentamente 


Como foi dito anteriormente, temos que todo o nosso jogo roda através do game loop que é 
basicamente um laço de repetição que é infinito (wnile True). Cada loop completo é chamado 
de 1 quadro, porém a depender da velocidade de um computador, nosso código irá rodar mais 
rápido ou não, ou seja, teremos mais ou menos quadros por segundo. 


Para solucionar isso, o PPlay possui implementado um controle de quadros por segundo (QPS 
ou em inglês Frames per second - FPS), garantindo que um jogo possa rodar na mesma velocidade 
em máquinas diferentes. 

Em algumas máquinas, a taxa de quadros por segundo pode ter um valor. Porém, em um 
computador mais veloz essa taxa de quadros por segundo pode ter um valor maior. Sendo 
assim, a barra pode se movimentar mais lentamente em um computador, porém em outro ele 
se movimenta muito mais rápido. 

O que queremos é basicamente definir que esse movimento seja único independente do 
computador em que esse jogo esteja sendo rodado. Essa solução vem com a classe Window na 
qual temos acesso aos seus atributos e métodos a partir do objeto janela. 

Chamaremos o método delta time() que é basicamente um intervalo de tempo entre um 
quadro e outro. Ele irá nos retornar o intervalo entre quadros do computador de onde o jogo 
está sendo executado. 


Ele vai ajudar a solucionar o problema da barra se movimentando rapidamente, para isso, é 
necessário multiplicar o valor retornado pela função delta time () com o valor que queremos 
que a barra se movimente (neste caso 60). Logo, ao fazer uma reformulação do código, teremos 
o seguinte: 


Ao fazer isso, temos um movimento das barras mais suave. 
Você pode replicar este código agora para movimentar a outra barra. Em vez de utilizar o S para 


subir, você usa o “UP”, e em vez de D, você utiliza o “DOWN”. (Lembre-se de utilizar o objeto 
barra direita). 
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Passo 03 - Fazendo com que a barra não ultrapasse os 
limites do quadro 


Agora vamos fazer com que a barra não ultrapasse os limites do quadrado visível. Esses limites 
foram definidos na imagem mostrada anteriormente, o limite inferior é O e o superior é 300. 
Sendo assim, para impedir que a barra suma da tela, enquanto ele está subindo, temos que 
permitir a movimentação somente quando a sua coordenada y é maior que 0. 


Para o movimento contrário, teremos que levar em consideração o tamanho da barra, ele possui 


100px de largura, logo em vez de fazermos a comparação com 300px (tamanho total da tela, 
teremos que verificar se a posição y da barra é menor que 200px: 


Sendo assim, ao fazer isso, teremos a barra se movimentando não tão rápido como antes, e não 
ultrapassando os limites do quadro. 
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Passo 04 - Adicionando a bola no Jogo 


Vamos adicionar agora a bola que estará se movimentando no nosso jogo. Já temos a 
importação do Sprite, sendo assim iremos somente instanciar um novo objeto: 


Com a primeira linha temos a instanciação do objeto e em seguida, estamos modificando a sua 
posição para o centro da tela. 


Agora lá no nosso game loop, vamos desenhar a bola com o comando: 


Você deve ter o seguinte: 
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Passo 05 - Movimentando a bola 


Vamos agora fazer a bola se movimentar. Para isso, vamos criar algumas variáveis auxiliares que 
irão armazenar o seu deslocamento x e y. 


Para realizarmos a movimentação da bola, vamos criar duas variáveis que irão ser responsáveis 
por armazenar os valores do deslocamento da bola. Uma será responsável pelo deslocamento 
em xe o outro pelo deslocamento em y. Inicialmente esses valores serão O: 

(antes do game loop teremos o seguinte) 


Após isso, iremos definir aleatoriamente para onde a bola irá se movimentar. 
Para isso, vamos importar a função random, que irá gerar um número aleatório: 


Agora, feito a importação, e antes do game loop, faremos o seguinte: 


Ao fazermos random.randint(1,4) estamos chamando a função randint () que está presente em 
random (o qual importamos anteriormente). Vamos passar dois valores, um é o menor número 
que queremos que seja sorteado, no caso 1, e o segundo é o maior número que queremos que 
seja sorteado. Logo, estaremos sorteando um número entre 1 e 4. 


A partir deste número que foi sorteado, podemos definir qual é a direção da bola, vamos pensar 
o seguinte: 
e Caso o número sorteado for 1, queremos que a bola se movimente em x para a direita e 
em y para baixo 
e Caso o número sorteado for 2, queremos que a bola se movimente em x para a direita e 
em y para cima. 
e (Caso o número sorteado for 3, queremos que a bola se movimente em x para a 
esquerda e em y para cima. 
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e (Caso o número sorteado for 4, queremos que a bola se movimente em x para a 
esquerda e em y para cima. 


Transformando esta ideia em código, temos o seguinte: 


Agora, dentro do game loop, vamos chamar a função move x() emove y() como objeto bola 


e iremos passar os valores que foram definidos anteriormente e armazenamos dentro das 
variáveis bola deslocamento xe bola deslocamento y: 


Se você rodar o programa, vai ver que a bola não está se movimentando. Isso porque, 
precisamos chamar a função a função que desenha o objeto na tela (dentro do game loop 


porém bem no final do código, lembre-se a última coisa que o game loop faz é desenhar os 
objetos na tela): 
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Passo 06 - Ricocheteando a bola 


Bom, até o momento a bola está se movimentando, porém quando ela bate na ponta ela 
continua avançando e sem previsão de volta. 


Para isso, vamos estar verificando as coordenadas x e y do nosso objeto bola. O que iremos 
fazer, estará dentro do game loop, pois essa verificação sempre tem que ser feita a cada 
movimento da bola. 

Vamos pensar: 

e Se a coordenada y da bola for menor que 0Opx, significa que a bola ultrapassou o limite 
superior da nossa tela. Sendo assim, temos que fazer a bola descer. 

e Sea coordenada y da bola for maior que 290px, significa que a bola ultrapassou o limite 
inferior da nossa tela. Sendo assim, temos que fazer a bola subir. (Estamos considerando 
que a imagem da bola possui 10px de largura e de altura, sendo assim estamos 
descontando os 10px dos 300px totais da altura do limite inferior). 

e Sea coordenada x da bola for maior que 400px, significa que a bola ultrapassou o limite 
da direita da tela. Sendo assim, temos que fazer a bola ir para a esquerda. 

e Se a coordenada x da bola for menor que 0px, significa que a bola ultrapassou o limite 
da esquerda da tela. Sendo assim, temos que fazer a bola ir para a direita. 

Caso essa explicação tenha sido um pouco confusa, tente se lembrar dessa imagem: 


Convertendo o pensamento em código, teremos: 
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Feito isso, ao executarmos o código veremos que a bola está ricocheteando e não mais 
ultrapassando as barreiras da tela. 
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Passo 07 - Detectando a colisão entre a bola e a 
barra 


No nosso jogo, caso a barra toque na bola, esta irá modificar a sua direção, e irá apontar para o 
lado contrário. 


A classe Sprite do PPlay possui um método que se chama collided (). Ele irá detectar a colisão 
entre dois objetos, e irá retornar True, caso um objeto colidiu com outro e False caso contrário. 


Por exemplo, se nós tivermos: 


Teremos uma saída True (verdadeiro), caso o objeto barra direita esteja colidindo (tocando) 
no objeto bola. 


Vamos pensar um pouco: 

e (Caso a bola colida com a barra direita, isso significa que ela está se movendo para a 
direita (movimentação x). Sendo assim, precisamos fazer com que a bola aponte para a 
esquerda. 

e Caso a bola colida com a barra esquerda, isso significa que ela está se movendo para a 
esquerda (movimentação x). Sendo assim, precisamos fazer com que a bola aponte para 
a direita. 


A partir deste pensamento, temos a seguinte implementação: 


Logo, caso a bola colida com a barra, ela irá modificar a sua direção. 
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Passo 08 - Fazendo com que o Jogador ganhe pontos 


Sabemos que para um jogador ganhar um ponto, a bola tem que tocar na borda do adversário. 
Para nos auxiliar nessa missão, vamos contar com a ajuda da classe Gamelmage do PPlay. O 
Gamelmage se parece com um Sprite, só que nós não podemos ter um controle a respeito da 
movimentação de um objeto do tipo Gamelmage. É necessário saber que a imagem que está 
associada a este objeto, é estática (não podemos realizar uma movimentação constante nela). 


Vimos, anteriormente, uma função chamada collided(), ela detecta se um objeto está tocando 
outro. Ele foi bastante útil para ver se a bola estava tocando na barra. Esse método também está 
presente com objetos do tipo Gamelmage, então vai ser bastante útil para detectar se a bola 
está tocando na borda. 


Para isso, vamos ter dois objetos do tipo Gamelmage, e colocaremos cada um nos cantos da 
direita e da esquerda da tela. Caso a bola toque no objeto que está na esquerda, o jogador da 
direita vai ganhar um ponto. Caso a bola toque no objeto que está na direita, o jogador da 
esquerda vai ganhar um ponto. 


Vamos, primeiramente, realizar a importação: 


A partir da implementação, vamos criar o objeto que vai representar a borda esquerda: 


Para criarmos um objeto do tipo Gamelmage, assim como um objeto do tipo Sprite, 
precisamos passar a localização da imagem que irá aparecer na tela. 

Em seguida, estamos modificando a sua posição. O objeto que vai simbolizar a borda esquerda, 
irá ficar localizado no canto mais esquerdo da tela onde x vale O e y também. 

Vamos criar agora um objeto que irá representar a borda direita, ela irá ficar no canto mais 
esquerdo da tela, porém como ela possui 10px de largura, estaremos descontando esses 10px 
da largura total da tela. Logo teremos: 
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Feito isso, vamos colocar o seguinte comando dentro do game loop: 


Ao rodar o jogo você provavelmente não vai ver nada, pois a imagem que selecionamos para 


representar as bordas são da mesma cor do fundo da tela, logo ela está praticamente invisível 
para nós. 


Vamos agora criar duas variáveis que irão guardar os pontos dos jogadores: 


Dentro do game loop, iremos colocar algumas condições que irão verificar caso a bola esteja 
tocando em uma das barras: 


O que os códigos estão fazendo? 


-> (Caso a bola colida com a barra direita, o jogador 01 (da esquerda) vai ganhar 1 ponto e a 
bola irá reaparecer no centro. 


-> (Caso a bola colida com a barra esquerda, o jogador 02 (da direita) vai ganhar 1 ponto e a 
bola irá reaparecer no centro. 
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Passo 09 - Mostrando os pontos na tela 


Anteriormente criamos as variáveis que irão armazenar as pontuações dos jogadores. Porém, é 
necessário que seja realizada a sua exibição na tela. Para isso, o objeto janela que criamos 
anteriormente possui um método que irá nos ajudar. Esse método é O draw text (), como a 
sua tradução apresenta, ele irá desenhar um texto na tela. 


Esse método possui a seguinte forma: 


Como foi apresentado acima, precisamos informar o texto que vai ser mostrado, a posição xe y 
em que esse texto será apresentado na tela, a sua cor no formato RGB, o nome da fonte e se ela 
vai se apresentar em negrito (bold) ou itálico (italic). Uma observação a respeito do código 
acima: ele é escrito em somente uma linha. 


Sabendo como apresentar um texto na tela, podemos fazer o seguinte, dentro do game loop, 
abaixo de janela. set background color((255,255,255)), iremos colocar o seguinte: 


Nessa linha estamos dizendo para o objeto janela para desenhar um texto que irá conter o 
seguinte conteúdo: “Pontuação”. Ele estará localizado nas coordenadas 185x10. Terá a cor preta. 
Fonte Arial. Estará em Negrito e não em Itálico. 


E faremos o seguinte também: 


Neste caso, estaremos disponibilizando de fato os pontos dos jogadores na seguinte forma: 
Pontos Jogador 01 X Pontos Jogador 02 
Estamos pegando o valor que está armazenado nas variáveis que criamos anteriormente e 


disponibilizando na tela. Você deve ter percebido que entre as variáveis, nós temos str(). 
Fazemos isso pois as variáveis estão armazenando valores inteiros, porém essa função 


3/ 


draw text () só aceita textos (Strings). Sendo assim, estamos fazendo uma conversão do valor 
numérico para o texto. 


Ao fazer isso, teremos o seguinte: 


Pontuação 
1ÃO 
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Passo 10 - Finalizando o Jogo 


O nosso jogo está quase completo. Para finalizar, estaremos verificando qual jogador fez 3 
pontos primeiro. 
Vamos pensar como isso poderia ser feito: 
e Caso o jogador 01 (da esquerda) faça três pontos primeiro. Vamos limpar a tela (retirar 
todos os objetos da tela). Apresentar “Jogador 01 vencedor” e finalizar o jogo 
e (Caso o jogador 02 (da direita) faça três pontos primeiro. Vamos limpar a tela (retirar 
todos os objetos da tela). Apresentar “Jogador 02 vencedor” e finalizar o jogo. 


Sendo assim, podemos colocar como a primeira coisa a ser executada no nosso game loop a 
verificação de qual jogador já completou os três pontos primeiro. 
Faremos o seguinte: 


Basicamente estamos verificando se o jogador 01 fez três pontos. Caso isso seja verdadeiro, 
limpamos a janela, escrevemos o texto “Jogador 01 vencedor”, atualizamos a tela (isso é um 
detalhe importante!). Esperamos 5000 milissegundos (5 segundos) a partir da função delay() e 
após isso fechamos a janela. 


Podemos repetir a mesma coisa, só que com o jogador 2: 
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Jogador 01 vencedor 


E assim temos o nosso primeiro jogo criado! 
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AULA 3 - Criando o Jogo 
Snake 


1. Sumário 
Nesta aula os estudantes irão continuar na jornada de aprendizagem de criação de jogos 


digitais. Nas aulas passadas, o jogo Pong foi criado, além ter sido apresentado os conceitos 
básicos da Programação Orientada a Objetos. 


Objetivos Utilizar objetos em programas e controlá-los através de 
atributos e métodos 


Compreender o conceito de modularização 


Aplicar a ideia de modularização para melhor organizar o 
código de um jogo 





Compreender estruturas de dados primitivas como listas 
e tuplas. 


Utilizar listas e tuplas para controlar o estado de objetos 
complexos em um jogo 


Atividades Construção do jogo SNAKE 





Resultados de Aprendizagem PC01. Usar passos básicos na solução de problemas algorítmicos para 
projetar soluções (por exemplo, declaração e exploração de problemas, 


exemplos de instâncias, design, implementação de uma solução, teste, 
avaliação) 


PC06. Descrever e analisar uma sequência de instruções que estão 
sendo seguidas (por exemplo, descrever o comportamento de um 


personagem em um videogame conforme orientado por regras e 
algoritmos). 


PC07. Representar dados de várias formas, incluindo texto, sons, 
imagens e números. 
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Materiais 


PC12. Usar abstração para decompor um problema em subproblemas. 


PCP04. Demonstrar compreensão de algoritmos e sua aplicação prática. 


PCP05. Implementar soluções de problemas usando uma linguagem de 
programação, incluindo: comportamento de looping, instruções 
condicionais, lógica, expressões, variáveis e funções. 


http://bit.ly/ArquivoSnake 
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Descrição das Atividades 


Inicialmente o professor deve apresentar o conceito de listas e tuplas, o qual está presente em 
Tópicos Relevantes. É importante notar que existem algumas figuras demonstrativas que 
apresentam como funcionam estas estruturas de dados. Se possível, o professor pode utilizar a 
lousa para apresentar os desenhos e os apresentar para os estudantes de uma forma mais 
lúdica. 


Após trabalhar com os exemplos que estão presentes nesta seção, o professor pode passar para 
a próxima seção onde é apresentada uma revisão de funções. Se possível, o professor pode 
utilizar também a lousa para apresentar o fluxo do código na chamada de funções. 


Após apresentar a teoria para os estudantes, o professor pode começar a construção do jogo 
Snake juntamente com os estudantes. É importante perceber que neste jogo existem conceitos 
que foram trabalhados nas aulas passadas e que o professor precisa sinalizar este fato aos 
estudantes. 
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TÓPICOS RELEVANTES 


Estruturas de dados - Listas e Tuplas 


Você já ouviu falar sobre estruturas de dados e porque nós o utilizamos? 
Como o seu nome sugere, teremos uma estrutura para armazenar dados. Até agora, estamos 
armazenando os nossos dados em variáveis simples. Vejamos o seguinte problema: 


“Suponha que seja necessário criar um programa que armazene os nomes de todos os 
estudantes cadastrados em uma escola”. 


Naturalmente você iria criar uma variável para armazenar esse dado: 


nome estudante Dl = "João" 


nome estudante 07 = "Maria" 


nome estudante 03 "Pedro" 


Agora imagine que você possui 100 estudantes, você iria criar uma variável para cada estudante? 
Seria bastante trabalhoso, correto? 


Para facilitar o nosso trabalho, existe uma estrutura de dados que se chama lista. 

Esta estrutura permite que nós possamos armazenar vários dados sob o nome de uma única 
variável. No nosso exemplo, com a lista, poderíamos adicionar os nomes de 100 alunos e 
somente ter criado uma única variável. 


Como funciona uma lista” 


Em python, para criar uma lista podemos fazer o seguinte: 


lista estudantes = ["Francisco”, "Adriel","Diego","Natália”,'Camille","Estefane"] 


Podemos perceber que temos somente uma variável que é lista estudantes, depois temos 
um operador de atribuição (=) e em seguida, entre colchetes [] e separados por vírgula, temos 
cada ítem que irá compor a nossa lista. Percebe-se que estamos armazenando strings, logo cada 
palavra é constituída pelas aspas. 


Ao fazer o que foi mostrado acima, teremos armazenado o nome de 6 estudantes dentro de 
somente uma variável. Elas estão armazenadas como mostra a seguir: 
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posição O posição 1 posição 2 posição 3 posição 4 posição 5 


“Francisco” | “Adriel” “Diego” “Natália” “Camille” “Estéfane” 


Temos 6 itens que estão armazenados em nossa lista. Para acessar esses ítens, precisamos 





saber qual é o seu índice na lista. Um índice é basicamente a posição em que um elemento se 
encontra na estrutura. Na maioria das linguagens de programação, este índice começará pelo 
número O e irá incrementando o seu valor por 1 a medida em que novos itens serão adicionados 
na lista. 


Por exemplo, se quiséssemos acessar o elemento que está na posição 4 da nossa lista, teríamos 
como resultado o nome “Camille”. 

Se quiséssemos acessar o elemento que está na posição 10 da nossa lista, teríamos um erro, 
pois esta lista não possui um índice com este número (o índice vai até o número 5). 


Também temos a opção de criar uma lista vazia, a qual podemos inserir novos dados 
posteriormente: 


Como você pode perceber, temos a variável lista estudantes e após o operador de 
atribuição, colocamos dois colchetes que simbolizam uma lista vazia. 


Sendo assim, temos os seguintes modelos gerais para a criação de uma lista em python 


Como que acessamos um item dentro da nossa lista? 


Em python precisamos fazer o seguinte: 
print (lista estudantes [0]) 


É necessário informar o nome da variável que está armazenando a lista de conteúdos, e sem 
seguida colocar entre colchetes o índice do item cujos dados se deseja obter. No caso da nossa 
lista de estudantes que já possuem valores inseridos, temos como saída: “Francisco”. 
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Como adicionamos novos elementos na lista” 


Devemos ter em mente que quando criamos uma lista, estamos na verdade criando um objeto 
do tipo lista. Sendo assim, podemos ter acesso a alguns métodos previamente criados (neste 
caso, estes métodos foram desenvolvidos pelos criadores do python). 

Existe um método que se chama append. Se formos no tradutor, append significa acrescentar. 
Que é justamente o que precisamos neste momento. 


Sendo assim: 


print 


Como podemos ver, para utilizar o método append, utilizaremos a variável lista estudantes 
que está armazenando um objeto do tipo lista e chamamos o método a partir do ponto (.) e em 
seguida o nome do método: append. 

Para utilizarmos o método appeng, precisamos informar o que iremos inserir na nossa lista. 
Podemos inserir em uma lista elementos de vários tipos, números, outros objetos, palavras... 
Porém como estamos armazenando somente uma lista que contém somente os nomes dos 
estudantes, iremos continuar mantendo a padronização e iremos acrescentar o nome “Nadine”. 


Em seguida, iremos utilizar a função print, que irá mostrar na tela o novo nome inserido, que 
agora está na posição 6. 


Como remover um item da lista? 


Para remover um ítem na lista é bastante simples. Iremos utilizar o método remove: 


print 


Colocamos dentro do método remove, o que queremos remover. Neste caso, removeremos da 
lista o nome “Francisco”. Ele irá procurar a primeira aparição deste nome e o remover (ou seja, 
se existissem dois “Francisco” na lista, somente um iria ser removido). 


Em seguida, ao exibir na tela o ítem que está na posição 0, teremos uma reorganização da lista e 
“Adriel” ficará na posição O: 
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posição O posição 1 posição 2 posição 3 posição 4 posição 5 


“Adriel” “Diego” “Natália” “Camille” “Estéfane” “Nadine” 





Como percorrer todos os elementos da lista” 





Já parou para pensar como podemos percorrer todos os elementos da lista? Se fosse necessário 
pedir para imprimir todos os nomes dos estudantes cadastrados em uma determinada turma, 
você iria fazer o seguinte? 


prant (lista estudantes [U]) 
print (lista estudantes [1]) 
print (lista estudantes [2]) 
print (lista estudantes [3]) 


O que você faria se tivéssemos 1000 estudantes cadastrados? Pense um pouco em como 
podemos fazer isso... 


Se você pensou em utilizar uma estrutura de repetição, você pensou certo! 


As estruturas de repetição serão a nossa aliada nessa jornada de percorrer os itens presentes na 
nossa lista. Utilizaremos a estrutura de repetição for: 


O que este código está fazendo? 
Estamos percorrendo a nossa lista que se chama lista estudantes, e em cada vez que essa 
lista é percorrida, o valor do próximo elemento vai ser armazenado dentro da variável 


estudante. OU seja, se temos a nossa lista com a seguinte configuração: 


posição O posição 1 posição 2 posição 3 posição 4 posição 5 





“Adriel” “Diego” “Natália” “Camille” “Estéfane” “Nadine” 


Uma vez a variável estudante vai ter o valor “Adriel”, depois “Diego”, “Natália”, “Camille”, 


“Estéfane” e por fim “Nadine”. Após o último valor da lista ser pego, o for irá ser finalizado e a 
lista não será mais percorrida. 

No nosso caso, estamos dando um print na variável estudante, que irá assumir os valores 
previamente informados, os quais estão presentes na nossa lista. 
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Uma estrutura de dados imutável: a tupla. 


Vamos apresentar agora um outro tipo de estrutura de dados: a tupla. 

Ela é bem parecida com uma lista, porém possui uma grande diferença: uma vez que os seus 
valores foram atribuídos, eles não podem ser alterados. Ou seja, após a sua atribuição, não é 
possível adicionar, remover ou alterar os valores dentro dessa estrutura. 


Vamos ver como podemos criar uma tupla: 


Acabamos de criar uma estrutura de dados que está armazenando uma posição de um 
determinado lugar. Na primeira posição desta lista (no índice 0) temos a sua coordenada x, e na 
segunda posição desta lista (no índice 1) temos a sua coordenada y. 

Temos que ter em mente que essas posições não podem ser alteradas! 


Percebemos que, diferentemente de uma lista, ao criar uma tupla, nós utilizamos os parênteses 
em vez dos colchetes. 


Logo, assim como a lista, a tupla irá ajudar a ter menos variáveis no nosso programa: 


o 
| 
I 


Em vez de termos duas variáveis, uma que irá armazenar a longitude e outra a latitude, temos 
somente uma que irá armazenar uma tupla das coordenadas de um ponto no globo. 


Embora os elementos de uma tupla não possam ser alterados, uma variável que guarda uma 
tupla pode ser alterada, passando a guardar outra tupla em lugar da anterior. 


Gia: 


48 


Acessando os elementos de uma tupla: 


Assim como a lista, iremos acessar os seus elementos através do seu índice: 


coordenadas = (-12.2734, -38.,0556) 
print (coordenadas [0]) £ -12.2 


print (coordenadas [1]) f -358, 9556 


Percorrendo os elementos de uma tupla: 


Assim como a lista, também podemos percorrer todos os elementos de uma tupla, utilizando a 
estrutura de repetição for: 


coordenadas = (-12.2733, -38.0556) 
for coordenada in coordenadas: 


print (coordenada) 
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Revisão de Funções 


O jogo Pong, o qual criamos na última aula, era organizado na forma de um único programa 
principal. Caso seja necessário adicionar novas funcionalidades, podemos ter alguns problemas: 
e O programa principal pode ficar muito grande 
e Poderemos ter repetições de trechos de códigos 
Como podemos resolver esses problemas? 
Se você pensou na modularização (criação de funções), você pensou corretamente! 


Em Python, nós podemos criar módulos de código que irão desempenhar alguma tarefa 
específica. Estes módulos são chamados de funções. 


Basicamente, estes módulos serão subprogramas que serão executados quando necessário. 
Para executar um subprograma, o programador precisa chamá-lo. 


Vamos pensar em um exemplo: 


Quais são os passos que você faz todo dia pela manhã? 
A maioria das pessoas segue o seguinte fluxo: 
1. Levantar da cama 
2. Tomar banho 
3. Tomar café 
4. Escovar os dentes 
O. Ir para a escola 
Todos os dias você segue esse mesmo conjunto de passos a fim de realizar uma tarefa: se 
arrumar para a escola. Os dias vão se passando, e você continua fazendo os mesmos passos: 


Levantar da cama 
Tomar banho 
Tomar café 
Escovar os dentes 


e INE 


lr para a escola 
Vamos supor que você deseja construir um programa no qual você vai criar um calendário 


mensal, onde a cada dia você terá que colocar a sua rotina. 
Você poderia ter algo desse tipo: 


0 


print | - Tomar banh "| 
print - 
print | = tes") 


Você percebe que temos uma repetição de código? Imagina quantas linhas iriam ter se você 
tivesse mais passos antes de ir para a escola. E imagine quantas linhas o seu código total terá 
contando com os outros dias. 


Em python, podemos fazer o seguinte: 


def rotina manha): 
print ("DIA 01") 
print ("D6:00 - Acordar”) 
print ("D5:10 - Tomar banho") 
print ("DG: SU - Tomar cafe"] 


print ("l&:SU - Escovar os dentes") 





print ("07:00 - Ir para a escola") 


print("DIA DI") 
rótina manha [] 
= py + dr A 


printi"DIA Uz 


rótina manha |] 


print ("DIA 03") 


rotina manha () 
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Perceba como o código diminuiu bastante. Antes, tínhamos uma repetição de um conjunto de 
ações (os prints que mostram a rotina da manhã) para acabar com a repetição, realizamos um 
agrupamento destes comandos em um único lugar (a nossa função) 


Em seguida, no nosso programa principal, chamamos esta função o qual irá ocupar somente 1 
linha. Posteriormente, você pode perceber, que podemos realizar os mesmos passos ao chamar 
o nome da função. 


Vamos supor que no café da manhã você possui uma grande variedade de comidas. A cada dia 
você irá comer algo diferente. Sendo assim, ao chamar a função rotina manha temos que 
indicar de alguma forma que iremos comer uma comida específica. Veja o seguinte: 


def rotina manha (cal ja manha): 
print(“DIA RR] 
print (MDA: - 
print (" 
print" 
print" 
print("0O?: para a e: sr) 


print ("DI 
print [' 


print ("DIF 


Perceba que a função mudou um pouco. Entre parênteses, temos uma variável chamada 
cafe da manha, que, a depender da chamada da função, irá receber um determinado valor. 
Como podemos ver nas chamadas da função, primeiramente colocamos “Café com biscoito” na 
outra chamada colocamos “Cereal” e por fim temos “Bolo de milho”. 


O que foi mostrado acima, simboliza a passagem de parâmetros de uma função. Na passagem 
de parâmetros, estamos passando algum conteúdo do código principal para dentro da função. 
Podemos passar qualquer tipo de conteúdo para a função, uma string, uma lista, a possibilidade 
é bastante ampla. 

Vamos supor que agora você quer verificar se a partir do dia, você terá aula à tarde. Por 
exemplo, se o dia da semana for quarta-feira, o seu programa vai ter que retornar que você 
possui aula à tarde. 
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def rotina manha cafe da manha): 
print (" 
print(" EE = cdar” 
print ("D6:] Tomar banho") 
print: - 
print ("D6: E jentes"] 
priBt("Ot:Do - 


def aula a tardejdia da semana): 


return " 


else: 
peturn "U 


print [' 


print [1 


print [1 


Criamos uma função chamada aula a tarde, ela irá verificar a variável dia da semana que 
recebe por parâmetro. Se o valor desta variável for “Quarta”, ele terá que retornar um dado para 
o programa principal. Neste caso, o dado a ser retornado é “Possuo aula pela tarde”. Caso 
contrário, ele irá retornar: “Ndo possuo aula pela tarde”. Este retorno do dado só é possível 
graças à palavra especial chamada return. 


No programa principal, quando chamamos a função, percebemos que temos uma atribuição de 
um valor a variável retorno funcao. Estamos fazendo isso, pois a função irá retornar um dado, 
e uma das melhores formas de armazenar este dado é com uma variável. Sendo assim, em 
seguida apresentamos o valor desta variável na tela. Na primeira chamada a mensagem 
“Possuo aula pela tarde” será exibida, e nas seguintes “Não possuo aula pela tarde”. 

Lembre-se. É bastante importante chamar a função dentro do programa principal, pois caso 
você não a chame, ela nunca será executada. 


Vamos ver um exemplo simples: 
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def exibe mensagem): 
print ("Hello world 


1 a 
"0 SIS NSNSr D 
8) rm TEnsSadgem 
EXIDE E ATE | 

ja 


print (“Olá mundo! 


Qual mensagem você acredita que será exibida na tela? 
Neste caso teremos “Hello World” e em seguida “Olá mundo!”. 


def exibe mensagem E: 
print ("Hello world 


print (“Olá mundo!") 


Já neste caso, somente a mensagem “Olá mundo!" será exibida na tela, pois não estamos 
chamando a função exibe mensagem! 


Vimos como podemos utilizar uma função. Vamos ver como é a sua forma geral: 


def nome da funcao (parametros): 


rar Rr =] - Prnaataaramaor re 
DLedi= | uncadilnarame na, | 


Temos a palavra reservada def que define uma função. Em seguida, apresentamos o seu nome. 
Depois, entre parênteses, iremos apresentar os parâmetros (variáveis e valores) que essa função 
irá receber. E por fim, no programa principal, não podemos deixar de chamar a função para ela 
ser executada. 


Você sabia que o print () é uma função? Ela recebe como parâmetro a string que você deseja 
que seja exibida na tela. 

Além disso, temos outra função que deve ser conhecida por você, a função input () recebe 
valores do usuário. 
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FOLHA DE ATIVIDADES - Criando o Jogo 
Snake 


is Snake 


Pontuação 
0 





Este é outro jogo clássico. Também conhecido com o jogo da cobrinha, o snake pode ter feito 
parte da infância de muitas pessoas, pois o jogo esteve presente na maioria dos celulares de 
antigamente. Ele foi criado inicialmente em 1976 e popularizado nos anos 90. 

Basicamente temos uma cobra, que a partir da comida que irá coletar ela irá crescendo. O jogo 
termina quando a cabeça da cobra bate na borda do jogo ou no seu corpo.. 


Inicialmente, será necessário baixar os arquivos importantes para a criação do jogo. Acesse o 
seguinte link: http://bit.ly/ArquivoSnake 
Extraia-os em uma pasta de sua escolha. 


Em seguida, nesta mesma pasta, no diretório principal, crie um arquivo chamado snake.py. Nele 
iremos implementar o nosso código. 
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Passo 01 - Criando a tela do Jogo 


Assim como foi feito no jogo anterior, será necessário criar a tela por onde o nosso jogo vai 
acontecer, vamos ter o seguinte: 


from PFPlay.window import 


mo i am Tm E 1) 
! 1 La E l | F | 
. o fm com da E fal ot aa ado ch Ta 


while True: 


] 
I ; é j 
AlELA.SEl Date EOUTniA COLQEIMO 


Relembrando o que já foi feito na aula anterior, temos a importação necessária da classe 
Window, que vem com o PPlay. Em seguida, criamos o objeto do tipo Window, e informamos 
que essa janela terá 400 pixels de largura e 300 pixels de altura. 

Modificamos, também, o título da janela que irá ser “Snake” (mas se você quiser também pode 
chamar de jogo da cobrinha). 


A partir da linha 6 teremos o nosso game loop, no qual o nosso jogo irá rodar. Dentro dele 
informamos que a cor de fundo da nossa tela será preto (utilizando o sistema de cores RGB). E 


por fim, na linha 9 chamamos o método que atualiza as informações da janela. 


Com esse código, temos o seguinte: 


9 Snake = bai 
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Passo 02 - Adicionando a cobra no Jogo 





Isso é o que queremos! 


Como vocês imaginam que podemos fazer isso? Lembre-se do que fizemos no jogo anterior. 


Assim como no jogo anterior, utilizaremos a classe Sprite do PPlay: 


from PPlay.sprite import 


Eu = = 4 a R re nno'! 


while True: 


PR a pm quim ob aa PR a qua ala om nr | |] 
= Ê = E | = [al ; ] | i l 
à Fi | dg! Em A, o dm ad À Ad a | q ”p E | 


No nosso jogo Snake, temos que a movimentação central do jogo será a partir da cabeça 


da 


cobra, sendo assim, temos a variável cabeça que irá armazenar um objeto do tipo Sprite, a partir 


dela, iremos realizar a sua movimentação. 


o/ 


Passo 03 - Movimentando a cobra. 


Para movimentar a cobra, utilizaremos os comandos do teclado, assim como fizemos no jogo 
anterior. Desta vez, utilizaremos as teclas de cima, baixo, esquerda e direita do teclado. 


Vamos realizar as importações necessárias: 
from FPlay.keyboard import 


teclado Revboard() 


Desta vez, criaremos uma tupla que será responsável por armazenar as coordenadas x e y da 
cabeça da cobra. Ela será bastante importante para a movimentação do jogo: 


Não se preocupe com a inicialização com (0,0). Como vocês devem saber, não podemos 
inicializar uma tupla com valores vazios. A cada momento em que a cobra se movimenta, iremos 
criar uma nova tupla e atribuir essa tupla a variável direcaoCobra. 


Em seguida, dentro do game loop, podemos colocar o seguinte: 


Você se lembra de como funciona a tela no PPlay? Caso não se lembre, veja a imagem a seguir: 
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Até agora você deve ter percebido que a cobra ainda não está se movimentando de fato. Nós só 
estamos modificando o valor da variável direcaoCobra. Para fazermos com que a cora se 


movimente de fato, iremos criar uma função chamada movimentacao cobra. Ela irá ser 
responsável pela movimentação da cobra em geral: 


def movimentacao cobra (|: 


Você deve estar se preocupando com o porquê de criar uma função que irá ter somente duas 
linhas simples. Não se preocupe, logo logo ela irá aumentar 


Em seguida, dentro do game loop, chamaremos a função de movimentar a cobra e de desenhar 
a cabeça: 


Ao fazer isso, a sua cobra irá se movimentar! 
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Passo 04 - Deixando o movimento da cobra menos suave 


Se tudo estiver bem, a cobra está se movimentando de uma forma bem suave. Vamos deixar 
esse movimento um pouco menos suave, para lembrar mais da forma clássica do jogo. 

Você se lembra da explicação sobre FPS? Atualmente o nosso jogo está rodando com uma taxa 
de 60 frames por segundo. Vamos diminuir essa taxa e fazer com que o jogo rode com apenas 
10 frames por segundo. 


Para isso, vamos realizar a seguinte importação: 


from pygame. time import 
[+ a] 


— — = 5 sm -— | ro 
Clock lock () 
Pai” mm - - - il LE 


Na primeira linha temos a importação do módulo que estaremos utilizando. Este módulo vem 
direto do pygame que é por onde o PPlay funciona. Após as importações que você já tem no 
seu código, vamos criar um novo objeto do tipo Clock. Ele irá nos ajudar com a mudança da taxa 
de quadros por segundo. 


Feito isso, dentro do seu game loop, na primeira linha logo após o while, coloque o seguinte: 


E - | mm q 
“a ai a [or T o [ur | 
|] | n F : ] 
El LM PL = LL A l do. at l 


Com isso, você irá perceber que a cobra está se movimentando de uma forma menos 
suave, bem parecida com o jogo clássico. 
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Passo 05 - Inserindo a comida da cobra no Jogo 


Um item necessário no nosso jogo é a comida a qual a cobra irá se alimentar para 
posteriormente crescer. Ela irá aparecer em um lugar aleatório dentro da área visível do jogo. 
Para isso, vamos fazer a importação do pacote que nos ajuda a gerar números aleatórios: 


import random 


Como anteriormente já importamos a classe Sprite do PPlay, iremos agora só criar o objeto do 
tipo Sprite que armazenará a imagem da comida: 


comida Sprite('./assets/food.png') 


comida. set position (random. randint (0, 390), random. randint (0, 80)] 


Estamos utilizando o método set position para alterar as variáveis x e y de uma só vez. 

A imagem da comida possui 10px de largura e 10px de altura. Já o tamanho total da nossa tela é 
de 400 px de largura e 300 px de altura. Será necessário descontar 10 pixels de cada coordenada 
(x,y) para que a imagem apareça dentro da área visível da nossa tela. Sendo assim, para a 
posição x, estamos gerando um número aleatório entre O e 390. E para posição y, geramos um 
número aleatório entre O e 290. 


Por fim, dentro do nosso game loop, podemos colocar o seguinte: 


comida.draw () 


Feito isso, a comida irá aparecer em um local aleatório na tela: 
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e snake 
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Passo 06 - Fazendo a cobra comer a comida 


Por agora, iremos fazer com que quando a cobra toque na comida, ela desapareça e em seguida 
apareça em um outro lugar aleatório. 


Isso vai ser bem simples, dentro do game loop teremos o seguinte: 


if (cabeca. collided(comida)): 
comida.set position (random.randint (Ú, 290), random. randint (U, 240)) 


Por enquanto iremos fazer isso. Quando a cobra tocar na comida, ela irá aparecer em outro 
lugar. 
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AULA 4 - Concluindo o Jogo 
Snake 


1. Sumário 


Nesta aula você irá continuar a construção do jogo Snake que foi iniciado na aula passada. 


Objetivos Utilizar objetos em programas e controlá-los através de 
atributos e métodos 





Compreender o conceito de modularização 


Aplicar a ideia de modularização para melhor organizar o 
código de um jogo 


Compreender estruturas de dados primitivas como listas 
e tuplas. 


Utilizar listas e tuplas para controlar o estado de objetos 
complexos em um jogo 





Conteúdo Modularização e Funções 
Listas 


Tuplas 


Atividades Construção do jogo SNAKE 


Resultados de Aprendizagem PCO1. Usar passos básicos na solução de problemas algorítmicos para 
projetar soluções (por exemplo, declaração e exploração de problemas, 


exemplos de instâncias, design, implementação de uma solução, teste, 
avaliação) 


PC06. Descrever e analisar uma sequência de instruções que estão 
sendo seguidas (por exemplo, descrever o comportamento de um 


personagem em um videogame conforme orientado por regras e 
algoritmos). 


PC07. Representar dados de várias formas, incluindo texto, sons, 
imagens e números. 





PC12. Usar abstração para decompor um problema em subproblemas. 
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PCP04. Demonstrar compreensão de algoritmos e sua aplicação prática. 


PCP05. Implementar soluções de problemas usando uma linguagem de 
programação, incluindo: comportamento de looping, instruções 
condicionais, lógica, expressões, variáveis e funções. 





Descrição das Atividades 


Para esta aula, o professor deve relembrar os estudantes os passos que foram seguidos na aula 
passada. Desde os assuntos abordados na seção Tópicos Relevantes até a seção Folha de 
Atividades. 


É importante que o professor relembre os tópicos que foram abordados nas aulas anteriores 
para que os estudantes possam aprender na prática. 
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FOLHA DE ATIVIDADES - Continuando o Jogo 
Snake 


Passo 01 - Crescendo a cobra 


Este é o passo mais complexo do nosso jogo, o qual envolve o crescimento da cobra e como a 
cobra irá se comportar após o seu crescimento. 


Para isso, vamos dividir em algumas subseções: 


-> Aumentando de fato o tamanho da cobra 
-> Movimentação da cobra com o novo tamanho 


Aumentando de fato o tamanho da cobra: 


Vamos pensar o seguinte: quando a cobra aumenta de tamanho, temos que deixar isso visível 
na tela para que o jogador possa saber que ela está maior. Atualmente podemos disponibilizar 
imagens na tela a partir de Sprites. Não podemos criar variáveis simples para armazenar objetos 
de Sprites pois não sabemos qual vai ser o maior tamanho que a cobra vai ter. Sendo assim, 
utilizaremos uma estrutura de dados já conhecida: a lista. 


Esta lista irá se iniciar vazia pois quando o jogo começa, a cobra ainda está pequena. 

Criaremos, agora, uma outra lista. Esta nova lista irá armazenar as posições da cabeça e do 
corpo da cobra. Essa lista será bastante importante para fazermos a movimentação do corpo da 
cobra: 


Vamos agora implementar o método que irá fazer com que essa lista comece a aumentar de 
tamanho: 
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Feito isso, precisamos chamar este método que acabamos de criar. Ele será chamado toda vez 
que a cobra comer a comida. Vamos alterar o código que já fizemos anteriormente, e ele vai ficar 
assim: 


Se você executar o seu código, vai notar que a cobra não está crescendo. De fato, a gente não 
está fazendo com que a cobra cresça visualmente. E é o que iremos fazer agora a partir da 
movimentação da cobra 


Movimentando a cobra 


Como funciona a movimentação da cobra? 

Podemos pensar em um sistema de troca de posições, vamos pensar o seguinte: 

Atualmente nós temos o controle da cabeça da cobra, nós podemos realizar os movimentos de 
acordo com a entrada do usuário a partir do teclado. Vejamos o seguinte esquema: 


cabeça corpof | corpo? corpo3 corpo4 





A imagem acima representa a nossa cobra, vamos supor que as coordenadas x e y da cabeça da 
cobra são: 100px e 100px. 


Em seguida, nós temos uma cobra um pouco grande. Na nossa lista corpo sprites temos 4 
Sprites que armazenam a imagem do corpo da cobra, simbolizando o seu crescimento. 


As coordenadas x e y do objeto corpoi são, respectivamente: 110px e 100px. 
As coordenadas x e y do objeto corpo2 são, respecitvamente: 120px e 100px. 
As coordenadas x e y do objeto corpo3 são, respectivamente: 130px e 100px. 
As coordenadas x e y do objeto corpo4 são, respecitvamente: 140px e 100px. 


Até aqui tudo bem, temos que a cobra está em uma determinada posição e o seu corpo está a 
sua direita. 


O que acontece quando a cabeça da cobra se movimenta? Você concorda que o corpo tem que 
seguir a cabeça? 
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Quando a cabeça da cobra se movimentar, esta cabeça irá assumir um novo valor. Porém para 
simular que o corpo está se movimentando, iremos pegar a posição anterior que a cabeça da 
cobra estava e passar para O corpol. Assim como vamos passar a posição anterior que o objeto 
corpo1 tinha e passar para O corpo?2, e assim vai: 


Vejamos a tabela: 


Coordenadas Cabeça da corpo4 
durante o cobra 
tempo (x,y) 
100px, 100px 110px, 120px,100px | 130px,100px 140px, 100px 
100px 
90px,100px 100px,100px | 110px,100px | 120px,100px 130px,100px 


70px,100px 80px,100px 90px,100px | 100px,100px 110px,100px 
60px,100px 70px,100px | 80px,100px | 90px,100px 100px,100px 


Você percebe que somente a cabeça da cobra está obtendo novos valores de coordenada? E as 





DÃO S0px,100px 90px,100px 100px,100px | 110px,100px 120px,100px 
| 


suas coordenadas atuais são passadas para os objetos de que armazenam o Sprite de corpo. 


Como você imagina que podemos implementar essa funcionalidade? 


Se você pensou em algo envolvendo listas e a estrutura de repetição for, você pensou 
corretamente! 


Vamos primeiro criar uma lista que irá armazenar todas as posições da cobra (incluindo a 
cabeça). A primeira posição da lista irá conter uma tupla que armazena as coordenadas da 
cabeça, e as próximas posições irão conter tuplas contendo as coordenadas do corpo da cobra 
(caso ela cresça): 


Temos que a primeira posição é a tupla contendo as coordenadas iniciais da cabeça da cobra: 
200px e 150px. 
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Vamos agora modificar uma função que criamos anteriormente, a movimentacao cobra (). 
Vamos seguir os seguintes requisitos: 
-> Vamos fazer as permutações dos valores das coordenadas entre os corpos dentro da 
lista que armazena as posições da cobra. 
-> Movimentar o corpo da cobra com as novas coordenadas 
Modificar o valor das coordenadas da cabeça da cobra (simulando a movimentação da 
cobra). E salvar esse novo valor dentro da lista de coordenadas 


y 


Atualmente, temos o seguinte: 


Inicialmente vamos desconsiderar o que fizemos por enquanto, logo em seguida este código 
voltará para a função. 


Vocês lembram da tupla que criamos anteriormente que armazena a posição atual da cobra? Se 
você não se lembra, ela se chama: direcaoCobra. Inicialmente ela começa com o seguinte valor: 


Você concorda que a cobra só irá se movimentar, caso o valor dessa tupla seja diferente de (0,0)? 
Sendo assim, a primeira coisa que iremos fazer no nosso procedimento é colocar o seguinte: 


Então a cobra irá se movimentar caso a sua posição seja diferente de (0,0). Ou seja, caso ela não 
esteja parada. 


Para realizarmos a permutação de vetores, iremos utilizar a estrutura de repetição for. Como 
você acredita que pode ser realizada essa permutação dos valores? 


Uma das possíveis soluções que podemos fazer é a seguinte: 
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Neste trecho, estamos percorrendo a lista de posições de trás para frente. E para cada item 
percorrido, fazemos as trocas das posições. 


Feito isso, as posições do corpo da cobra estão atualizadas e podemos passar essas posições da 
lista para o objeto do corpo. Lembrando, temos que as coordenadas estão presentes somente 
na lista de coordenadas, precisamos passar essas coordenadas para o corpo da cobra para 
posteriormente chamarmos o método draw (). 


Vamos criar uma função para realizar essa ação: 


Estamos utilizando o laço de repetição for para percorrer a lista que armazena as posições da 
cobra. Estamos começando o laço a partir do índice 1, pois o índice O armazena as coordenadas 
cabeça, e precisamos das coordenadas do corpo. 


lremos chamar esse procedimento que acabamos de criar, dentro da função que estávamos 


criando (movimentacao cobra): 


Para finalizar temos que movimentar o corpo da cobra com as novas coordenadas e modificar o 
valor das coordenadas da cabeça da cobra (simulando a movimentação da cobra). E salvar esse 
novo valor dentro da lista de coordenadas: 


Faremos o seguinte: 


TA 


Feito isso, temos o nosso método de movimentação da cobra feito com sucesso! 


Vamos agora chamar esse procedimento dentro do nosso game loop. 


Vamos rodar o nosso jogo. Deu tudo certo? 


Se ainda não estiver mostrando o corpo da cobra, fique tranquilo que isso é para acontecer 
mesmo! 
Algumas coisas estão faltando: 


Adicionar uma lista vazia dentro das listas de posições 
quando a cobra cresce: 


Ao fazer isso, garantimos que a permutação das coordenadas também se aplique a esse novo 
objeto que foi adicionado. 


Chamar o método draw para cada corpo existente na lista 
de corpos: 


Sabemos que para desenharmos um objeto do tipo Sprite na tela do jogo, precisamos chamar o 
método draw (). Temos uma lista que armazena os objetos do tipo Sprite, a corpo sprites. 
Para cada objeto presente nesta lista, temos que chamar o método draw, para ele aparecer na 


tela. 


Sendo assim, vamos criar uma função para realizar isto: 


11 


E por fim, chamar a função no game loop 


Ao fazer isso, vamos ter o seguinte: 


o snake 
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Passo 02 - Disponibilizando o total de pontos 


Estamos quase chegando no final do nosso jogo. Precisamos agora disponibilizar na tela, o total 
de pontos que o jogador possui. Calcularemos esse total de pontos a partir do tamanho da lista 


que armazena os sprites do corpo da cobra: 


Dentro do nosso game loop, teremos isso: 


Feito isso, teremos: 


Pontuação 
P, 
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Passo 03 - Finalizando o jogo 


Bom, O nosso jogo está quase finalizado. 

O jogo só termina quando a cobra bate nas bordas do jogo, sendo assim, teremos que fazer um 
código que verifique se a cabeça da cobra está tocando nas bordas da tela e caso isso aconteça, 
a tela de fim de jogo (assim como o do jogo anterior) irá aparecer: 


Vamos fazer isso em uma função: 


Feito isso, não esqueça de chamar esta função dentro do game loop e o jogo estará finalizado! 


Uma sugestão para implementação: pense em como o jogo pode estar finalizando também 
quando a cabeça da cobra bate no seu corpo! 
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AULA 5 - Construindo o Jogo 


Angry Birds. 


1. Sumário 


Nesta aula os estudantes irão construir o jogo Angry Birds.. 


Objetivos 


Conteúdo 


Atividades 


Resultados de Aprendizagem 


Utilizar objetos em programas e controlá-los através de 
atributos e métodos 


Aplicar a ideia de modularização para melhor organizar o 


código de um jogo 


Utilizar listas e tuplas para controlar o estado de objetos 
complexos em um jogo 





PC01. Usar passos básicos na solução de problemas algorítmicos para 
projetar soluções (por exemplo, declaração e exploração de problemas, 
exemplos de instâncias, design, implementação de uma solução, teste, 
avaliação) 


PC06. Descrever e analisar uma sequência de instruções que estão 
sendo seguidas (por exemplo, descrever o comportamento de um 
personagem em um videogame conforme orientado por regras e 
algoritmos). 


PC0O7. Representar dados de várias formas, incluindo texto, sons, 
imagens e números. 


PC11. Analisar o grau em que um modelo de computador representa 
com precisão o mundo real. 





PC12. Usar abstração para decompor um problema em subproblemas. 


PC15. Fornecer exemplos de interdisciplinaridade em aplicações do 





pensamento computacional 


fo 


Materiais 


PCP04. Demonstrar compreensão de algoritmos e sua aplicação prática. 


PCP05. Implementar soluções de problemas usando uma linguagem de 
programação, incluindo: comportamento de looping, instruções 


condicionais, lógica, expressões, variáveis e funções. 


http://bit.ly/ArquivoAngryBirds 
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Descrição das Atividades 


A partir desta aula, os estudantes irão ter uma maior liberdade para pensar e criar a sua própria 
solução para os problemas que serão encontrados. Isto se dá pelo fato deles já terem 
trabalhado por 4 aulas os conceitos básicos e essenciais da programação de jogos digitais 
utilizando a Programação Orientada a Objetos. 


Sendo assim, o professor a partir desta aula deve começar a deixar os alunos a fazerem a sua 
lógica para o código, informando que não existe somente uma solução válida para um 
problema. Em seguida, ele pode mostrar uma das soluções válidas que pode resolver o 
problema. 


A partir desta aula, o estudante será indagado a pensar mais com base no que foi aprendido 
anteriormente. Estão presentes perguntas como “como você implementaria esta função?” para 
forçar o estudante a refletir no que já foi aprendido. É importante que o professor não dê a 
solução de cara e permita que o estudante possa pensar um pouco. 


ff 


FOLHA DE ATIVIDADES - Criando o Jogo 
Angry Birds 


Hoje iremos começar a construir o nosso novo jogo: o famoso Angry Birds: 
O nosso jogo vai ter três fases, como veremos a seguir: 


O Title - x 





Fase 01 do jogo 





O Title = x 








Fase 02 do jogo 


18 


O Title — X 


+ . - 7 - - 
Pontos: 0 4 À é ' : Ny . Vidas: 12 





Fase 03 do jogo 


Este jogo será um pouco mais complexo que os outros. Ele terá três fases e o nível de 
dificuldade entre estas fases irá aumentar. 


Vamos utilizar uma abordagem diferente para esta aula. Inicialmente iremos colocar os Sprites 
na tela do jogo e em seguida iremos adicionar as suas funcionalidades. 


Neste momento você já deve saber muito sobre a instanciação de objetos e como criar uma tela. 
Sendo assim, vamos deixar você tentar deixar o seu código como a imagem da primeira fase. 


Inicialmente, baixe os arquivos necessários para o projeto: http://bit.ly/ArquivoAngryBirds 
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Passo 01 - Conhecendo as imagens do Jogo 


As imagens necessárias vão estar dentro da pasta /assets. A tela de jogo (objeto janela terá as 
seguintes dimensões: (1215px,494px) 


Para o primeiro nível, vamos ter as seguintes imagens: 





A Imagem de fundo que irá ficar na tela (dica: use o Gamelmage) 





Imagem do porco 


O estilingue em que o pássaro vai ser 
armazenado. 





Imagem do pássaro 
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Plataforma número 01 onde o porco irá 
ficar 


Plataforma número 02 onde o porco irá 
ficar. 


Você deve ter reparado que o porco possui 3 imagens, estas estão simulando um movimento. 
Podemos animar um sprite a partir da imagem acima. Temos que em cada pedaço de imagem o 
porco realiza um movimento. Primeiro ele está com os olhos abertos, em seguida ele fecha e por 
fim, ele abre. 

Vamos fazer o seguinte: 


porcol = Sprite('porco.png!',3) 


Antes, ao criar um objeto do tipo Sprite, a gente só informava o caminho da imagem. Agora, 
além de informar o caminho da imagem, informamos a quantidade de quadros que a imagem 
vai ter, que no caso é 3. 
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Passo 02 - Fazendo a sua parte! 


Agora que você sabe como vai ser a estrutura base do nosso jogo. Agora é a sua vez de 
codificá-lo. Utilize os conhecimentos que você obteve com os jogos anteriores! Lembre-se de um 


fato importante: o jogo terá três fases então vamos ter um código bem modularizado, para cada 


fase terá um cenário diferente. 


Esperamos que ao rodar o jogo, esteja tudo funcionando corretamente! 


Vamos ver uma forma de construir este cenário: 


from PPlav.window import 
from PPlay.sprite import 
from PPlay.gameimage import 


from pyqame. time Import 


janela = WHindow(1215, 454) 
Ed SE ganela.get mouse l) 


To] O 


passaro sprite('./assets/passaro.png') 


passaro.set position(166,257) 


fundo = Gamelmage ('./assets/levelDlba.pnag') 


chao Game Image ('./assets/grass.png |) 
chag.v= 314 
EBtllinque GameImage ('./assets/slingshot.png') 


1d 
estilinque.set positioní(l4Z,:45] 


L 


plataformas [] 
pi Lis [|] 
vidas 4 
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def 


construir mundo nivel 1): 
plataformal = Gamelmage('./asseta/platforml.png') 
plataformal.set position(760,145) 


plataforma? = Gamelmage ('./asseta/platforma.png') 
plataforma?,set position(300,54) 


plataformas.append (plataformal) 
plataformas.append (plataforma?) 


porcol = Sprite(',/assets/porco.png',3) 
porcol.set posltion(765,110) 
porcol.set total duration (300) 


porcos = Sprite(',/assets/porco.png',3) 
porcoê.set posltion(940,11) 
porco2.set total duration (900) 


porcos .append (porcol) 
porcos.append (porco?) 


| desenha porcos): 


for porco àn porcos: 
porco.draw(] 
porco.update (]) 


desenha plataformas (): 
for plataforma in plataformas: 
plataforma.drawi) 


passaro.set position(1b6,257) 
construir mundo nivel 14) 


while (True): 


fundo. draw (| 


chao.draw () 

matili Aque, draw) 
desenha plat aformas [) 
passarôó. draw) 


desenha porcos(] 


janela.draw texti"vidas: "+ste vidas), 1017, 12, 


Font name="Arialº,bold=True, italic=False) 


janela, draw text i“Pontos: "+str (pontos) 50,12, 


font name="Arialº,bold=Trua, italic=Falsel 


janela. update () 


calor= (255,255,255), 


polor= [235 299, 295) 
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Esta é a estrutura principal do nosso jogo. Não se preocupe se você tiver feito algo diferente do 
que está sendo mostrado aqui. O mais importante deste código é ter uma função que cuide 
somente da criação dos elementos da tela daquele nível. Esta função vai ser bastante 


importante para mantermos a organização do código. 
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Passo 03 - Utilizando o mouse 


Se você já jogou Angry Birds anteriormente, você sabe que o lançamento do pássaro no 
estilingue é realizado a partir do mouse. Ao clicar e segurar com o botão esquerdo do mouse, 
podemos esticar o pássaro e ao soltar o botão, o pássaro é lançado. 


Como estamos fazendo um jogo mais simples, não iremos simular o movimento do estilingue. 
Porém iremos utilizar o mouse para definir uma nova posição para onde o pássaro vai ser 
lançado. 


Vamos agora no nosso game loop fazer um código que faz com que o pássaro siga o ponteiro 
do mouse: 


Já criamos um objeto do tipo Window e o armazenamos na variável janela. Um objeto do tipo 
Window armazena todas as informações necessárias para a janela do jogo. Como já vimos, a 
partir deste objeto podemos verificar qual tecla o usuário pressionou. 

Temos o seguinte: 


Abaixo da criação do objeto do tipo Window que está sendo armazenada na variável janela, 
estamos utilizando o método get mouse () que irá nos retornar um novo objeto que é 
responsável pelo mouse. (Isso mesmo, a partir de um objeto, podemos ter acesso a outro objeto 
- isso só foi possível graças ao criador do PPlay que fez essa implementação). 


Um método bastante importante que está armazenado na variável mouse é o 


get position (). Quando chamado, ele irá retornar uma tupla contendo as posições x e y do 
mouse. Vamos fazer o seguinte. Dentro do nosso game loop escreva o seguinte: 


print (mouse.get position()] 


Rode o seu jogo e passe o mouse na tela. Você irá ver no terminal que terá as coordenadas 
atuais do mouse. A primeira posição é a coordenada x e a segunda, a coordenada y. Algo desse 
tipo: 
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(986, 463) 
(992, 454) 
(999, 440) 
(1984, 426) 
(1905, 416) 
(1805, 484) 


(Ora 
, a E] 


(045, 


í EMEA 
(000, 


ea] 
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o 
tm | 





fd fd lado iodo iodo ld 


| 
LO 


Após fazer esse teste, você pode apagar esse print. 


Vamos fazer agora com que enquanto você move o mouse, a imagem do pássaro irá se 
movimentar seguindo o ponteiro. Você imagina como podemos fazer isso? 


Se você pensou em colocar o seguinte dentro do game loop: 
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Passo 04 - Limitando a movimentacão do pássaro 





Até agora o nosso pássaro está se movimentando livremente na janela. Não é uma coisa que 
queremos pois ele será lançado a partir do estilingue. Vamos limitar a sua movimentação. 
Podemos pensar o seguinte: 


Title — XxX 
gy 


Pontos: O 





LÁ 


Esta é a nossa tela de jogo. Vamos imaginar que existe um quadrado imaginário onde o 
estilingue está contido. Sendo assim, o pássaro só vai poder se movimentar por dentro deste 
“quadrado”: 


dE Tai ba 


Promos: 





Ou seja, teremos que fazer uma verificação para ver se o pássaro está dentro das coordenadas 
que são consideradas adequadas, ou seja, dentro do “quadrado” imaginário para ele se mover: 


Vamos criar uma função que faz essa verificação: 


8/ 


def passaro pode mover (coordenada x, coordenada y): 


LÊ (l$ coordenada X 203) and (220 coordenada Y 180): 
return True 
else: 


False 


Essa função recebe dois valores: as coordenadas x e y do pássaro. E caso as suas coordenadas x 
e y estejam entre um determinado valor que define se o pássaro pode se mover, a função tem 


um retorno verdadeiro. Caso contrário, falso. 


Vamos chamar a função dentro do nosso game loop: 


ifipassa E) pode [ECA ES E (icovrdenada H mouse, co drdena la Y MmMONsSE)): 
passaro.set position (coordenada x mouse, coordenada y mouse) 


Agora, caso o pássaro esteja perto do estilingue, ele irá poder se movimentar! 
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AULA 6 - Concluindo o Jogo 


Angry Birds. 


1. Sumário 


Nesta aula os estudantes irão finalizar a construção do jogo Angry Birds que foi iniciada na aula 


passada. 


Objetivos 


Conteúdo 


Atividades 


Resultados de Aprendizagem 


Utilizar objetos em programas e controlá-los através de 
atributos e métodos 


Aplicar a ideia de modularização para melhor organizar o 
código de um jogo 


Utilizar listas e tuplas para controlar o estado de objetos 
complexos em um jogo 


Entender os conceitos de Lançamento Oblíquo de objetos 
na física 


Utilizar equações paramétricas e intervalos de tempo 
para simular o lançamento oblíquo em um jogo 2D 





PC01. Usar passos básicos na solução de problemas algorítmicos para 
projetar soluções (por exemplo, declaração e exploração de problemas, 
exemplos de instâncias, design, implementação de uma solução, teste, 
avaliação) 


PC06. Descrever e analisar uma sequência de instruções que estão 
sendo seguidas (por exemplo, descrever o comportamento de um 
personagem em um videogame conforme orientado por regras e 
algoritmos). 
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PC07. Representar dados de várias formas, incluindo texto, sons, 
imagens e números. 


PC11. Analisar o grau em que um modelo de computador representa 
com precisão o mundo real. 


PC12. Usar abstração para decompor um problema em subproblemas. 


PC15. Fornecer exemplos de interdisciplinaridade em aplicações do 
pensamento computacional 


PCP04. Demonstrar compreensão de algoritmos e sua aplicação prática. 


PCP05. Implementar soluções de problemas usando uma linguagem de 








programação, incluindo: comportamento de looping, instruções 
condicionais, lógica, expressões, variáveis e funções. 
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Descrição das Atividades 


Nesta aula, o professor começa realizando uma revisão do que foi feito na aula anterior. Em 
seguida, é necessário realizar uma explicação a respeito do lançamento oblíquo, pois o mesmo 
será trabalhado na movimentação do pássaro. 


Se o professor se dispor de uma lousa, ele poderá a utilizar para a exemplificação do movimento 
que é apresentado na seção de Tópicos Relevantes (é importante apresentar que o lançamento 
oblíquo é a junção dos movimentos horizontal e vertical). 


Após a apresentação da teoria, o professor pode seguir para a prática. Seguindo o mesmo 


esquema da aula anterior, os estudantes terão uma maior liberdade para pensar na melhor 
solução para o problema apresentado. 
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TÓPICOS RELEVANTES 


Lançamento Oblíquo 


Para sabermos como funciona o lançamento do pássaro no jogo, temos que entender um pouco 
sobre o Lançamento Oblíquo. Esse assunto da física está muito presente no jogo. 


Neste lançamento, temos a junção do movimento vertical e o movimento horizontal. Ou seja, O 
corpo ao ser lançado neste tipo de movimento, terá as coordenadas x e y alteradas ao mesmo 
tempo. Para entendermos melhor este lançamento, vamos conhecer melhor o movimento 
horizontal e o lançamento vertical para cima: 


Para entendermos este lançamento oblíquo, vamos dar uma olhada em cada um dos 
movimentos que o compõem. 


Movimento Horizontal 


Este tipo de movimento, também chamado de movimento uniforme, ocorre quando um corpo é 
movimentado com velocidade constante. Como este corpo terá a sua velocidade constante, a 
Única variável que terá mudanças, será a sua posição. 





Como vemos na imagem acima, ocorre um deslocamento na coordenada x do objeto durante o 
tempo. 


Temos como fórmula do movimento horizontal o seguinte: 


x(t) = X, + Vot 


Esta fórmula também é conhecida como função horária do movimento uniforme. 
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Ou seja, caso desejamos obter a posição (coordenada x) de um determinado objeto em um certo 
tempo t (maior que 0, afinal o tempo O é quando o movimento não ocorreu) teremos 


Movimento Vertical 


Neste tipo de movimento, temos um parâmetro bastante importante: a gravidade. Quando 
lançamos um objeto para cima, percebemos que a decorrer da distância que ele percorre, ele vai 
perdendo a sua velocidade até que em um momento ele começa a descer. (Você já fez esse 
experimento? Se não, faça uma tentativa). 





A partir deste experimento, podemos perceber que nesse tipo de movimento, ao contrário do 
anterior, não possui uma velocidade constante: 


Y(t) = yo + Vot - gt2/2 


Esta fórmula é a função horária da posição.Se você perceber, ela é bastante parecida com a 
função horária do movimento uniforme, só que temos a presença do campo: gt?/2. 

Esta parte indica que a gravidade vai atuar como uma força contrária ao movimento, perceba 
que existe o sinal de menos. Então, ao lançar um objeto para cima, ele irá ter uma velocidade 
inicial v, porém, com o passar do tempo, essa velocidade vai diminuindo por causa da gravidade, 
até que ela se torne zero. Quando isso acontece, o corpo irá começar a cair. 


Lançamento Oblíquo 


Podemos, agora, juntar os dois movimentos que acabamos de conhecer para formar o 
lançamento oblíquo. 
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Veja a imagem do canhão. Quando a bola é lançada, ela terá um deslocamento nas suas 
coordenadas x (caracterizando o movimento horizontal) e y (caracterizando o movimento 
vertical). Como teremos duas velocidades, uma constante no movimento horizontal e outra que 
varia no movimento vertical, podemos ter a seguinte representação: 


x() = XotVoxt, 
e, 


Y(D = YotVoyt - gt?/2 


Estas são as mesmas fórmulas que você viu anteriormente, só trocamos a nomenclatura da 
velocidade de cada movimento para não confundirmos. 


Podemos relacionar as duas velocidades utilizando a geometria analítica, veja a imagem a seguir: 





Se você conhece como funcionam os vetores, já deve estar imaginando aonde iremos chegar. 
Caso você não conheça, não se preocupe. 


Temos a presença de um triângulo retângulo: 
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ia O 





Pitágoras (570 a.C - 495 a.C) criou um teorema no qual relaciona os lados de um triângulo 
retângulo. Logo, a partir da imagem acima, podemos ter o seguinte: 


Vo? = VoX? + Voy? 


Sendo assim, se for necessário obter o módulo da velocidade inicial de um corpo podemos 
calcular a soma das velocidades iniciais de cada movimento (horizontal e vertical). 


Caso tenhamos o módulo da velocidade inicial de um corpo (w,), podemos também calcular a 
velocidade inicial em cada movimento (vertical ou horizontal). 

Utilizando alguns artefatos da física, podemos realizar uma projeção como mostra a imagem a 
seguir: 


gg a a a a a gg a 





E teremos o seguinte: 
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Vox = Vo COS(0) 
Va Vasento) 
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TÓPICOS RELEVANTES 


Lançamento Oblíquo 


Para sabermos como funciona o lançamento do pássaro no jogo, temos que entender um pouco 
sobre o Lançamento Oblíquo. Esse assunto da física está muito presente no jogo. 


Neste lançamento, temos a junção do movimento vertical e o movimento horizontal. Ou seja, O 
corpo ao ser lançado neste tipo de movimento, terá as coordenadas x e y alteradas ao mesmo 
tempo. Para entendermos melhor este lançamento, vamos conhecer melhor o movimento 
horizontal e o lançamento vertical para cima: 


Para entendermos este lançamento oblíquo, vamos dar uma olhada em cada um dos 
movimentos que o compõem. 


Movimento Horizontal 


Este tipo de movimento, também chamado de movimento uniforme, ocorre quando um corpo é 
movimentado com velocidade constante. Como este corpo terá a sua velocidade constante, a 
Única variável que terá mudanças, será a sua posição. 





Como vemos na imagem acima, ocorre um deslocamento na coordenada x do objeto durante o 
tempo. 


Temos como fórmula do movimento horizontal o seguinte: 


x(t) = X, + Vot 


Esta fórmula também é conhecida como função horária do movimento uniforme. 
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Ou seja, caso desejamos obter a posição (coordenada x) de um determinado objeto em um certo 
tempo t (maior que 0, afinal o tempo O é quando o movimento não ocorreu) teremos 


Movimento Vertical 


Neste tipo de movimento, temos um parâmetro bastante importante: a gravidade. Quando 
lançamos um objeto para cima, percebemos que a decorrer da distância que ele percorre, ele vai 
perdendo a sua velocidade até que em um momento ele começa a descer. (Você já fez esse 
experimento? Se não, faça uma tentativa). 





A partir deste experimento, podemos perceber que nesse tipo de movimento, ao contrário do 
anterior, não possui uma velocidade constante: 


y(t) = yo + Vot - gt?/2 


Esta fórmula é a função horária da posição.Se você perceber, ela é bastante parecida com a 
função horária do movimento uniforme, só que temos a presença do campo: gt?/2. 

Esta parte indica que a gravidade vai atuar como uma força contrária ao movimento, perceba 
que existe o sinal de menos. Então, ao lançar um objeto para cima, ele irá ter uma velocidade 
inicial v, porém, com o passar do tempo, essa velocidade vai diminuindo por causa da gravidade, 
até que ela se torne zero. Quando isso acontece, o corpo irá começar a cair. 


Lançamento Oblíquo 


Podemos, agora, juntar os dois movimentos que acabamos de conhecer para formar o 
lançamento oblíquo. 
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Veja a imagem do canhão. Quando a bola é lançada, ela terá um deslocamento nas suas 
coordenadas x (caracterizando o movimento horizontal) e y (caracterizando o movimento 
vertical). Como teremos duas velocidades, uma constante no movimento horizontal e outra que 
varia no movimento vertical, podemos ter a seguinte representação: 

X(t) = Xo+Voxt, 


Y(t) = yotVoyt - gt?/2 


Estas são as mesmas fórmulas que você viu anteriormente, só trocamos a nomenclatura da 
velocidade de cada movimento para não confundirmos. 


Podemos relacionar as duas velocidades utilizando a geometria analítica, veja a imagem a seguir: 





Se você conhece como funcionam os vetores, já deve estar imaginando aonde iremos chegar. 
Caso você não conheça, não se preocupe. 


Temos a presença de um triângulo retângulo: 
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ia O 





Pitágoras (570 a.C - 495 a.C) criou um teorema no qual relaciona os lados de um triângulo 
retângulo. Logo, a partir da imagem acima, podemos ter o seguinte: 


Vo? E Vox? + Voy? 


Sendo assim, se for necessário obter o módulo da velocidade inicial de um corpo podemos 
calcular a soma das velocidades iniciais de cada movimento (horizontal e vertical). 


Caso tenhamos o módulo da velocidade inicial de um corpo (v,), podemos também calcular a 
velocidade inicial em cada movimento (vertical ou horizontal). 

Utilizando alguns artefatos da física, podemos realizar uma projeção como mostra a imagem a 
seguir: 


gg a a a a a gg a 





E teremos o seguinte: 
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Vox = Vo COS(0) 
Voy = Vo sen(6) 
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FOLHA DE ATIVIDADES - Continuando o Jogo 
Angry Birds 


Passo 01 - Lançando o pássaro 


Anteriormente foi dito como seria o funcionamento do lançamento do pássaro, vamos 
relembrar: 

Ao clicar e segurar com o botão esquerdo do mouse, podemos esticar o pássaro e ao soltar o botão, o 
pássaro é lançado. 


Ou seja, O pássaro só vai ser esticado no estilingue a partir do clique no botão esquerdo do 
mouse e após o usuário deixar de segurar este botão, ele é lançado. 
Para nos ajudar com isso, o objeto mouse possui o método mouse.is button pressed() que 
recebe como parâmetro qual botão do mouse se deseja fazer a verificação. 

-> 1 - Botão esquerdo 

> 2-Botão do meio 

> 3- Botão direito 


Teremos um retorno True caso aquele botão está sendo pressionado, e False caso contrário: 


print (mouse.is button pressed(1)J) sR 


print (mouse. is button.pressed (2)) 


Caso o botão a ser pressionado no momento for o da esquerda, temos como retorno True. 
A partir do conhecimento deste novo método, vamos agora restringir o movimento do pássaro 
para somente quando o botão esquerdo do mouse for pressionado. 


Qual lógica você utilizaria? 


Se você pensou em algo neste estilo: 


1fimouse.1s button pressedili): 


cocrdenada x mouse mouse.get position() [0] 
coordenada y mouse mouse.get positiont) [1] 


lfipassaro pode móver (cóordenada x mouse, coordenada v mouse)): 


passaro.set positionicoordenada x mouse, coordenada y mouse) 
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Está tudo certo! (Mas não se preocupe se você fez de outra forma, se está tudo funcionando, 
então tudo bem!) 


Agora o pássaro só consegue se movimentar dentro do limite previamente estabelecido e caso o 
botão esquerdo esteja pressionado. 


Vamos agora definir a velocidade de lançamento do pássaro. Como vimos nos Tópicos 
Relevantes, o lançamento oblíquo é a junção do movimento horizontal com o vertical. 

No jogo original, a depender do quão esticado o pássaro é, mais longe ele irá. Vamos 
implementar essa funcionalidade. Na física, temos que a distância de um corpo é proporcional a 
sua velocidade. Ou seja, quanto maior a velocidade de lançamento de um corpo, maior é a 
distância que ele irá percorrer e vice-versa. 


Respeitando a modularização do nosso código, vamos criar uma função que irá tratar da 
movimentação do pássaro: 


daf movimentar passaro (posicao x, posicao 


Perceba que, para o pássaro se movimentar, será necessário passar as suas posições iniciais x e 
y. 

Sabemos que o pássaro irá possuir um movimento oblíquo (junção do movimento vertical e 
horizontal). Como vimos nos Tópicos Relevantes, a velocidade vertical não é constante, 
diferentemente da velocidade horizontal. Sendo assim, ela estará sofrendo a ação da 
“gravidade” constantemente: o pássaro irá subir e graças a ação da “gravidade” ela irá cair. 


Vamos primeiro fazer o movimento vertical do pássaro. Iremos utilizar a função horária da 
posição: 
y(t) = ui Voyt - gt?/ 2 


Temos que: 

Yo. - é a posição inicial do pássaro - ela será obtida a partir da coordenada y do mouse. 

Voy - é a velocidade inicial do pássaro, teremos que achar uma maneira de calcular essa 
velocidade. 

t - representa o tempo que se passou desde o lançamento 

g - é uma constante que define a gravidade. 


Vamos começar com a criação de uma variável que irá armazenar o valor da gravidade: 
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Perceba que essa variável foi declarada com as letras maiúsculas. Essa declaração é somente 
uma forma organizada de apresentar que esta variável está representando uma constante, ou 
seja, o seu valor durante o código não deverá ser mudado. Apesar de que podemos alterar o 
valor desta variável a qualquer momento, pois não estamos lidando com uma tupla, por 
questões de organização do código, não mexeremos no valor desta variável. 


Além de que, o valor 330 está um pouco estranho para a gravidade, você não acha? Vamos 
supor que estamos em um planeta diferente da Terra e que este possui este valor um pouco 
alto de gravidade. (Posteriormente você pode brincar com o código e achar uma forma dele 
funcionar com a gravidade da Terra) 


Precisamos, agora, encontrar uma forma de calcular a velocidade vertical do pássaro. A partir da 
coordenada y inicial do pássaro, ele terá uma velocidade associada. Como você pensa que 
podemos fazer isso? 


def obter velocidade y lancamento (coordenada y): 

LE (240 coordenada Yy 240): 
return -:l 

elf (240 coordenada 
return aC 

elf (26 coordenada 
return -SU 

elif(zZa0l coordenada . 
return 

BlS€ (300 coordenada 320) 
return -45 

BLLE (25: coordenada 
return — 3Ul 

GLLE(S1L coordenada y pe E 
return 

else: 
return 


Se você pensou em algo assim, você está no caminho certo. Temos a função 
obter velocidade y lancamento. Ela recebe como parâmetro a coordenada y. 

Dentro desta função, temos que a depender desta coordenada y do pássaro, teremos como 
resultado a sua velocidade equivalente. Podemos fazer isso pois a velocidade de um objeto é 
diretamente proporcional a sua distância. 
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Perceba que as coordenadas que estamos utilizando dentro das comparações estão dentro do 
limite em que o pássaro pode se movimentar. Sendo assim, quanto menor for a movimentação 
dele, menor será a sua velocidade (perceba que os valores estão negativos). 

Sabemos que não existe velocidade negativa, porém tivemos que colocar os valores negativos 
pelo fato de como cresce a coordenada y de um objeto dentro do jogo. Lembre-se da imagem 


que vimos na aula anterior apresentando as coordenadas do jogo. 


lremos também criar uma nova variável que irá armazenar o tempo que se passou desde o 
lançamento do pássaro: 


Inicialmente ele irá começar com 0, pois o pássaro ainda não foi lançado. 


Feito isso, a função que criamos irá ficar desta maneira: 


Chamando esta função no game loop: 


while (True): 
lfimouse.is buttan pressedilj): 


ifipassaro pode mover (coordenada x mouse, cCobrdenada y mouse) ): 


Se você rodar o jogo, você verificará que se você clicar com o botão esquerdo do mouse, o 
pássaro irá subir e depois de um tempo irá descer. 
Sendo assim, o nosso pássaro está quase pronto para se movimentar. 


Vamos testar o que acabamos de fazer seguindo os seguintes requisitos: 


-> Seo botão esquerdo do mouse estiver pressionado: iremos capturar as coordenadas do 
mouse, modificar a posição do pássaro (caso ele esteja nos limites pré-estabelecidos). 
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->» (Caso o usuário não esteja mais pressionando o botão esquerdo, iremos chamar a função 


movimentar passaro () para que o pássaro se movimente. 


O primeiro requisito já foi feito, agora, como você poderia fazer o segundo? 
Se você pensou em algo assim: 


passaro lancado False 
botao clicado False 


while (True): 
ifimaouse. is button pressedi(ljl: 
botao clicado Treuê 


cosrdenada x mouse mbDuze.get position) |U] 
coordenada y mouse = meuse.get position) [1] 
difipassara pode mover (covrdenada x mouze, coordenada y movse) and 


passaro lancado): 


passarD.set poslition(cosdrdenada x mouse, cCobrdenada y múuze) 
posicao lancamento x coordenada x mouse 


ES LCaÚú lancamento ny cobrdenada a 
1f inot mouse.is button pressedi(l) and botao clicado): 
batao clicado False 


passaro lancado True 


tempo jogo+=1*janela.delta timed) 


novimentar passaro (posição lancamento x, posicao lancamento vi) 


Está correto. 


not 


Inicialmente estamos criando duas variáveis, uma que verifica se o pássaro foi lançado e outra 


que verifica se o botão foi clicado. 
Caso o botão for pressionado, colocamos o valor True à variável botao clicado. 


Agora, caso o botão não esteja pressionado e ele foi pressionado anteriormente (a checagem é 


feita com a variável botao clicado que colocamos o valor como verdadeiro) colocamos o valor 


falso nessa variável (pois o botão não está mais pressionado) e colocamos como verdadeira, a 


variável passaro lancado - significando que ele está pronto para voar. 


Após isso, fazemos uma verificação da variável passaro lancado, para que o pássaro só se 


movimente caso ele esteja pronto. E caso ele já tenha sido lançado, iremos aumentar o valor do 


tempo jogo e movimentamos o pássaro. 
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Rode o seu código e lance o pássaro (clicando, arrastando e soltando) o seu pássaro deve subir e 
descer somente quando o botão esquerdo for solto. 


Fazendo com que o pássaro se mova também na horizontal 


Bom, O nosso pássaro agora precisa se movimentar na horizontal para que tenhamos um 
movimento oblíquo. 
Assim como fizemos com lançamento vertical, também iremos criar uma função que calcula a 
velocidade da coordenada x de acordo com a posição inicial x do pássaro. Você imagina como 
podemos fazer isso? 


def obter velocidade x lancamento (coordenada x): 

1ÊÉ (203 >= coordenada x > 180): 
return Zl 

elif(180 >= coordenada x > 160): 
return 1:0 

G11T/160 >= coordenada x > 140): 
return 160 

elif(140) >= coordenada x > 120): 
return “DO 

eLif(120 >= coordenada x > 100): 
return 2/0 


eli:£f(100 coordenada x > BO): 
return 24 

Gli1f(B0Ú >= coordenada x > 50): 
return 2bÚ 


elif(5) >= coordenada x > 55): 
return 2cl 

else: 
return 320UU 


Feito essa função, temos agora que chamá-la na função movimentar passaro utilizando a 
função horária da posição do movimento horizontal: 


x(t) = X,+ Voxt 


def movimentar passaro (posicao x, posicao y): 
passaro. posicao y + [cbter velocidade y lancamento (posicao v)) “tempo jogo 


[GRAVIDADE* (tempo jogo*tempa jogo))/2 


passarc.x = posicao x + obter velocidade x lancamento (posicao x) “tempo jogo 
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Sendo assim, o pássaro já está se movimentando segundo o lançamento oblíquo. Porém, ele 
continua descendo e não para quando toca no chão. Originalmente, quando o pássaro toca no 
chão ele perde uma vida e volta para a sua posição inicial. Como você faria isso? 


Um modo válido é mostrado a seguir: 


def passaro tacanda chaolescrdenada x, cobrdenada v): 
— —— F | 
1 É ipagsaFro pode mover (cocrdena da X a CDO Fdenada vi: 


return False 


else: 
1£f (coordenada y 
passaro.set positionil66,257) 
passaro lançado Falsê 
return True 
alse: 


return False 


Ele recebe como parâmetro a coordenada x e y do pássaro e verifica se o pássaro está nas suas 
posições iniciais pois se ele estiver no estilingue, e enquanto você estica o pássaro, ele toca no 
chão, nós não queremos que ele perca uma vida. Sendo assim, fazemos essa verificação e 
retornamos False. 

Caso contrário: o pássaro foi lançado. Nós verificamos se a sua coordenada é maior ou igual a 
337 (ou seja, está ultrapassando a nossa imagem de chão). Caso seja verdade, ele irá perder 
uma vida, colocaremos o pássaro novamente na posição inicial e definimos que o pássaro não 
foi lançado para permitir que possamos o lançar novamente). 


Feito isso, vamos chamar essa função dentro do nosso game loop. Ela vai estar dentro da 
verificação que permita que chamemos a função movimentar passaro: 


1f (passaro lLancada and not passaro táócando chaúlpbassaroa.x,passaro.yvl): 
tempo jogo+=1*janela.delta timed) 
| tar E 1T nam E LSA 1 | 
lfipasaaro tocando c Llpassal ta Haddad 
LdasS- 
pasaaro lancad False 
LEME 1 


Colocamos também uma verificação para caso o pássaro esteja tocando o chão. Se isso 
acontecer, ele irá perder uma vida. Colocaremos que o pássaro não foi lançado e zeramos a 


variável tempo jogo. 
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Passo 02 - Detectando colisões com o pássaro 


Você deve ter percebido que o pássaro está se movimentando, porém ainda quando ele encosta 
no pássaro, nada acontece. Vamos implementar essa funcionalidade, mas primeiro, com base 
nos seus conhecimentos anteriores, como você implementaria essa função? 


Se você pensou em algo desse tipo: 


def tocando porco(): 
for porco àih porcos: 
1f passaro.collided (porco): 
PoOIÇOS .IEnDvVEe (POLI co ] 
return True 
return False 


Percorremos a lista que contém os porcos, e fazemos a verificação com cada um, caso ele esteja 
colidindo com o pássaro, iremos adicionar um ponto ao jogador e remover este porco da lista 
(ao fazer isso, ele irá desaparecer). 

Vamos agora a chamar dentro do game loop: 


af (passaro lançado and not passaro tocando chao (passaro.x, passaro.vy)): 
tempo jogo+=1*janela.delta time] 
movimentar passaro (posicao lancamento x,posicao lancamento Yy) 
dfitocando porco()): 


Pontos 


Logo, caso o pássaro esteja tocando no porco, a função irá remover o porco da lista e irá 
acrescentar 1 a variável de pontos. 
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Passo 03 - Detectando colisões com as colunas 


Assim como detectamos as colisões com os porcos, também temos que verificar as colisões com 
as plataformas. Atualmente, quando o pássaro encosta em uma coluna, ele consegue 
atravessar. Sabendo que na vida real isso não é possível. Sendo assim, temos que verificar se o 
pássaro está atingindo a plataforma para fazermos com que ele não continue se movimentando 


horizontalmente. Como você faria isso? 


def verifica se passaro atingiu plataforma (): 
for plataforma in plataformas: 
áf(plataforma.collided(passaro)): 
return True 
return False 


E por fim, a chamamos dentro da função movimentar passaro: 


def movimenta TI PASSATO (pos i Cão x, POS ] Cão v) é 
passaro.y posicao y + igqet velocidade y lancamento (posicao y))*tempo jogo 
[GEAVIDADE* [t Empa 5 [= [e Daio empa q bol): 
ifiverifica se passaro atingiu plataforma ()): 


passaro.move x(-1*janela.delta timeli) 


passaro. x páosicá Dx get ve] úéida de x ] ancâméentoa [PposIica O x) A Eempo q ge de 
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Passo 04 - Construindo os outros níveis 


Como vimos anteriormente, o nosso jogo irá conter 3 níveis. Você já fez o primeiro nível e a 
colocou dentro de uma função para podermos deixar o código organizado. Olhe as imagens que 
estão disponibilizadas acima. Como você posicionaria os objetos nos outros dois níveis? 


def construir mundo nivel “lh: 
global fundo, plataformas, vidas 
vidast= b 
fundo = Gamelmage ('./assets“levelD2ba.png') 
plataformas = [] 
plataformag = Ganalmagea('.'assata/platformê.png'] 
plataforma?.set position/760,55 
plataformal - canelmage('./agseta/platforml.epng"'] 
plataformal set position(900,145) 
plataformas =- Ganslmáge("'./asgsetsfplatformi.png'"] 
Plataformas.39t positienGI),1 a) 
plataformad - Gamneimage('. /assetsplatforml.png'] 
plataformadg.set positien(i120D,150) 
plataformas.append (piataformal | 
plataformas.append (plataforma?) 
plataformas. append (plataforma3] 
plataformas.append (plataformad) 
porcol - Sprite('.(asgsete/peorco.pnrg',d) 
porcol.saot posltion(7ã4, 13) 
porcól.=et total duration [5900] 
porco? = Spritel"',/assets/porco. png", 3] 
porcoZ.set position(/505, L0Z) 
porco?. set total duration (900) 
porcoi = sprite/*.“asseta/porco.png', à) 
porcoã.set positian(L0IC, 130) 
Porcos. aet total duration [390] 
porcod Sprite('./assets/porco.png', dj) 
porcod, set positioi(1131,20%) 
porcod.set total duration [S0D) 
porcos.append (porcol] 
Porcos. append (porco2] 
Porcos. append (porcod) 


porcos, append (porcos) 
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dE construir mundo nivel jp: 
qgiobai Fundo, plataformas, vidas 
vldas+= E 
Turdo = Garelnage)",assetas leveloabo.prg'i 
plataformas = [] 
placaforma? - darslnmage | '.assecafplatiors?.porg'i 
plataforma est positlon(NI30 ão) 
platafcrnai - Gamnáge|!.fazenta/platfacsl pray! 
platafoemal.set positlon(720,195] 
plataforma) = Garelmage [" fassstsvalatforces pra! 
platalocmãI. el positica (780,55) 
plataformas = dareimaçe |)", fassecaiplatioenlpng'l 
plataformas. est position[Í00, 145] 
plataformas - Carelnage)'.Jassata/platiorso.prg'] 
plataforma est position(950, 53) 
platafornmaé - Garsinage|'./axesta/platforsi.prg'] 
plataformas. set position(1100, 145] 
plataforma sepend plstaforral) 
plataformas. append plataforma?) 
plataformas. appendiplatalorms3) 
plataformas .appendiplataformad) 
placafoemãs .appond plataformas) 
plataformas sppendiplataformabi 
porçol = sprite ('. Camaste/porco.prg!,d] 
porcol.sat positlon(584,11) 
Porcol set total docation (900 
porto? = Sprita(!. Casáeta/porco.prg!,d] 
porcoZ.set positloni730, 105] 
porços.seb total dorstion (900 
porcos = Sprital!. Paadeta/porco.poa!,3] 
porool. met positlontals To 
porçnd.seb total duration (000 
porood = Sprita(".aggeca poroso. poa',3] 
Forcood. set posltlon(903, 103] 
porcod.zet total duration (0004 
POECOS = Bprite('.“asacta/porco.pea',3] 
porçod. set position(10CO- 19] 
porcóS.dél tóLál ducárian(a0o 
porooa = Bprlteic'.fassets/poroo.poq',d] 
porcod.mek positioncildo, 105] 
porcoé. ser total dorarlan (300 
FOroos .append [porool) 
porcos .append [porcaêj 
porcos .appand poroso 
Porcos append [porcos 
porcos. append [pircas) 
PDECOS . Sppend poroob) 
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Passo 05 - Mudando de fase 


Para podermos trocar de fase, precisamos verificar se a nossa lista de porcos está vazia 
(significando que o pássaro colidiu com todos os porcos). Para uma melhor organização, iremos 
criar uma função que a depender do nível atual do usuário, ele irá chamar uma das funções 
necessárias: construir mundo nivel 1(), construir mundo nivel 2() OU 
consStrulr mundo nivel SJ 


Como você poderia fazer isso? 


Iniciaremos com a criação de duas variáveis. A primeira irá nos informar se podemos ir para o 
próximo nível e a segunda nos informará o nível atual em que o jogo se encontra. 


proximo nivel = False 


nivel atual = 1 


Em seguida, criamos a seguinte função: 


def obter proximo nivel (): 
global proximo nivel 
proximo nivel = False 
4f (nivel atual == 1): 
passaro.set positlon(166,257) 
construir mundo nivel 1() 
R11f (nivel atual ==2/: 
passaro.set position(166,257) 
construir mundo nivel 2() 
elifinivel atual ==3): 
passaro.set position(lb6,257) 


construir mundo nivel 3) 


E dentro do nosso game loop, teremos: 


1f(leníporcos) == 0): 
proximo nivel = True 
1f (proximo nivel): 
nivel atual+=1 


obter proximo nivel) 
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Passo 06 - Criando uma tela de fim de Jogo 





Ao contrário dos jogos anteriores, nos quais quando o jogador, o jogo automaticamente se 
fechava. Neste iremos dar uma opção ao usuário, se ele deseja continuar ou sair do jogo: 


Date cl Fim do jogo fes Í » 


Pontos: O 


Jogar Novamente INN MIM! mM A AMA | ( 
sd) Dr TIM iM VETA e at! Ti, 





A tela de fim de jogo você já sabe como fazer, estou certo? Tente replicar o que aparece na tela. 
(A imagem branca que irá aparecer está dentro da pasta assets e com o nome quadrado.png). 
Fazendo isso, vamos ter algo mais ou menos assim: 


def finalizar jogol): 
2f vidas ss O or nivel atual>3: 
quadrado = Gamelmage |'./assets/quadrado.png') 
quadrado.set position(343, 76) 
quadrado. draw) 
janela.draw text ("Fim do 9j090",450,141,50, color=(0,0,0), 
iont name="Arijal”,bold=Trua, italic False) 
janela.draw text ("Pontos: "+str ipontos),940,250,20, color=t0,0,0), 
font name="Arial",bold=Trua, italic-False) 
janela.draw text("Jogar Novamente ",400,335,16, colors (0,0,0), 
font name="Arial",bold=True, italic-Falee) 


janela.draw text ("Salr Ra dE PE ER pa fo TO DA color=[0,0,0), 


font name="Arial",bold=Truse, italic=False) 


Falta agora verificarmos se o usuário gostaria de sair ou jogar novamente. Como você acha que 
poderíamos fazer isso? (Relembre o que a gente já fez até agora...) 


Se você pensou em algo que envolva as coordenadas do mouse e criação de uma função, você 
está correto! 
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Pontos: O Vidas: 0 a 


Fim do jogo 


Did DN 





Primeiramente iremos definir uma área que poderá ser “clicável” pelo jogador. Ou seja, 
imaginamos um retângulo ao redor de “Jogar Novamente” e “Sair”. Para cada retângulo, teremos 
um conjunto de coordenadas x e y onde o jogador pode clicar. Se o mouse estiver entre os 
valores possíveis, executaremos uma ação que poderá ser de jogar novamente ou sair. Veja: 


def jogar novamente (): 
global vidas, passaro lancado,pontos, porcos 
covrtdenada x mouse = mouse.get position) [0] 
coordenada y mouse = mouse.get position) [1] 


1£f (mouse.is button pressedil) and 4Ui<=coordenada x mouse<= 535 and 
329<= coordenada y mouse «=350): 
porcos |] 
vidas = 3 
pontos = OQ 
passaro lancado = False 


janela.delav (2000) 
get proximo nivel () 


Verificamos se o botão esquerdo está pressionado e se a coordenada x e y está dentre dois 
valores previamente definidos. Esses valores correspondem às "pontas" do retângulo. 
Caso seja verdade essa condição, nós iremos resetar o jogo. 


A mesma coisa fazemos com a função sair: 


def sairl): 
coordenada x mouse = mouse.get position() [0] 
coordenada y mouse = mouse.get position() [1] 
1£ (mouse.is button pressed(1) and Jij< coordenada x mouses 164 and 
J2c<= coordenada y mouse <=350): 
janela.close () 
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E por fim, a função finalizar jogo ficará dessa forma: 


def Finalizar jogo(): 
if vidas == 0 or nivel atual>ã: 
quadrado = Gamelmage ('./assets/quadrado.png'] 
quadrado.set position(3453, 76) 
quadrado. draw () 
janela.draw text ("Fim do 1090",450,141,50, color=(0,0,0b, 
font name="Arial",bold=True, italic=False) 
janela. draw text ("Pontos: "+str (pontos),540,250,20, color=(0,0,0), 
font name="“Arial”, bold=True, italic=False) 
janela.draw text ("Jogar Novamente "400, 335,16, color= (0,0, D), 
font name="“Arial", bold=Trus, italic=False) 
janela.draw text ("Sair 1, 733, 3435,16, color=(0,0,0), 
font name=“Arial", bold=True, italic=False) 
Jogar novamente () 
sair () 


E poderemos chamá-la no game loop: 


janela.draw text ("Vidas:"+str ividas),1017,12,color=(255,255,255), 
font name="Arial”,bold-True, italic-False) 
janela.draw text (“Pontos:"+str (pontos),50, 12, color=(2353, 255, 2535), 
font name="Arial”,bold=True, italic=False) 


finalizar jogo() 
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Passo 07 - Toques finais 


Vamos dar alguns toques finais no nosso jogo, faremos algumas coisas que são básicas. 
Atualmente, antes do game loop estamos chamando diretamente a função 
construir mundo nivel 1(). Vamos substituir a chamada para essa função, para a chamada 
da função obter proximo nivel() só para termos uma melhor organização. 


E vamos também, como no último jogo, definir o número de frames por segundo que esse jogo 
irá rodar. 


Vamos ter a seguinte importação: 


from pygame.time import * 


E por fim, teremos o seguinte: 


CLOCK] 


CLOCK [ 
while (True): 
clock.tick (60) 


RE 
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AULA / - Criando o Jogo 
Space Shooter 


1. Sumário 


Nesta aula os estudantes irão criar o jogo Space Shooter. 


Objetivos Utilizar objetos em programas e controlá-los através de 
atributos e métodos 





Aplicar a ideia de modularização para melhor organizar o 
código de um jogo 


Utilizar estruturas de dados para controlar o estado de 
objetos complexos em um jogo 


Resultados de Aprendizagem PC01. Usar passos básicos na solução de problemas algorítmicos para 
projetar soluções (por exemplo, declaração e exploração de problemas, 


exemplos de instâncias, design, implementação de uma solução, teste, 
avaliação) 





PC06. Descrever e analisar uma sequência de instruções que estão 
sendo seguidas (por exemplo, descrever o comportamento de um 


personagem em um videogame conforme orientado por regras e 
algoritmos). 


PC0O7. Representar dados de várias formas, incluindo texto, sons, 
imagens e números. 


PC12. Usar abstração para decompor um problema em subproblemas. 
PCP04. Demonstrar compreensão de algoritmos e sua aplicação prática. 
PCP05. Implementar soluções de problemas usando uma linguagem de 
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programação, incluindo: comportamento de looping, instruções 
condicionais, lógica, expressões, variáveis e funções. 


C6. Criar, desenvolver, publicar e apresentar, de forma colaborativa, 
produtos (por exemplo, vídeos, podcasts, websites) usando recursos de 
tecnologia que demonstram e comunicam conceitos do currículo. 


C7. Colaborar com colegas, especialistas e outras pessoas usando 
práticas colaborativas, como programação em pares, trabalho em 
equipes de projeto e participação em atividades de aprendizado ativo 
em grupo. 


Materiais http://bit.ly/ArquivoSpaceShooter 





Descrição das Atividades 


Nesta última aula guiada, é considerado que os estudantes já obtiveram um bom conhecimento 
sobre os estudantes, sendo assim, como nas duas últimas aulas, eles irão ter uma liberdade 
maior para pensar na melhor solução para resolver o problema. O professor deve estar 
presente fazendo perguntas para os estudantes que os façam pensar na melhor resolução do 
problema. A partir desta aula, o professor pode começar a trabalhar o conceito de programação 
em pares, juntando dois estudantes para trabalhar em duplas para o desenvolvimento do jogo. 
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FOLHA DE ATIVIDADES - Criando o Jogo 
Space Shooter 


Chegamos no nosso último jogo: O Space Shooter. Ele é inspirado em um jogo clássico 
conhecido como Space Invaders. 


&9 Space Shooter — x 


Vidas: 20 Vidas: 20 e ERPAU 





Neste jogo, poderemos controlar a nossa nave, que pode se movimentar por todas as direções. 
Enquanto a nave se movimenta (utilizando as setas do teclado), podemos também utilizar a tecla 
espaço para atirar. Enquanto a nossa nave está se movimentando e atirando, naves inimigas 
aparecem na tela atirando no jogador (caso a bala atinja a nossa nave, iremos perder 1 vida). 


Enquanto isso, o nosso jogo terá 3 fases que estamos chamando de ondas. 

Cada onda terá um número diferente de inimigos que vão aparecer. Na primeira, teremos 10 
inimigos, na segunda 20 e na terceira 30. Juntamente na terceira onda, teremos a presença do 
chefão. Que além de ter uma quantidade de vida maior, tem a possibilidade de atirar 2 balas por 
vez e cada bala dá um dano de 2 pontos: 
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E Space Shooter = x 





Baixe os arquivos necessários para o projeto a partir deste link: 
http://bit.ly/ArguivoSpaceShooter 
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Passo 01 - Montando a estrutura básica do jogo 


Vamos criar a tela do jogo. As dimensões da nossa tela vão ser de 400 px X 650 px. Vamos neste 
primeiro momento criar a tela do jogo, adicionar no fundo da tela a imagem estrelada. Com o 
pensamento nos jogos anteriores, como você faria? 


from FFlay.window import * 
from PPlay.sprite import 
from PPlay.keyboard import * 
from FFlay.qgameimage import ” 


janela = Hindow (400, 650) 


= 


1oUSe Window. get mouse [) 
teclado = Window.get keyboard () 
= PT? 


janela.set title("space Shooter") 


a 
E 
| 


nave sSprite('./asset;: 


sets/ship.png") 
Bl, 5913) 


BS; 
nave.set position(l 
fundo = GamelImage ('./assets/sky.png') 
while (True!) : 

fundo.draw |) 


nave.deaw(] 


janela.update () 


Feito isso, a seguinte tela deve aparecer: 
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a Space Shooter 
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Passo 02 - Movimentando a nave 


Vamos movimentar a nave pelo espaço utilizando as teclas do teclado. A partir dos seus 
conhecimentos prévios, tente realizar essa ação e depois olhe uma possível resposta na página 
seguinte. 


def movimentar nave (nave): 


LÊ teclado. key pressed ("UP"): 


nave.move yi-iU*janela.delta time()) 
l£ (teclado. key pressed("LEFT")): 


nave.move x(-7U"janela.delta time()) 
Llfiteclado.ka Y press edt"DONN")): 

nave.move y(/0*janela.delta time ()) 
i£f(teclado.key pressed("RIGHT")): 


=] 


nave.move x(VD*janela.delta time()) 


Lembre-se de chamar essa função dentro do nosso game loop e colocar o objeto de nave que 
criamos antes como parâmetro. 
Feito isso, a nave pode se movimentar a depender da tecla pressionada: 
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4 Space Shooter = x 
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Passo 03 - Atirando 


Até o momento a nave está se movimentando e não atirando. Vamos fazer com que ela possa 
atirar quando o usuário clicar a tecla espaço. 


Para isso vamos criar uma lista que possa armazenar todos os tiros que foram lançados pela 
nossa nave: 


Feito isso, temos que criar uma nova função. Esta irá criar um objeto do tipo Sprite que irá ter a 
imagem da bala (a qual está dentro da pasta assets e com o nome de shoot.png). 


Lembre-se que você já fez algo parecido antes, como você faria neste momento? 


def lancar tiro navet): 


EIFrOo Sprite('./assets/shoot.png') 
tiro.set positlon(nave.x+9l,nave.y 
tiros nave.append (tiro) 


Neste caso, estamos modificando a posição do tiro para que ela apareça na frente da nossa 
nave (por isso pegamos a coordenada x e adicionamos 40 e retiramos 5 da coordenada y). 


Vamos chamar essa função que acabamos de criar, dentro da função movimentar nave: 


def movimentar nave jnave): 


UP"): 


1f teclado. key pressed(l 


nave .move vi-iO*janela.delta time (3) 


lfiteclado.key pressed("LEFT")): 
nave.move x(-=7U*janela.delta time()) 
if(teclado.key pressed ("DONN")): 


nave.move y(!O*ganela.delta timel)) 


mil 


1£f (teclado. key pressed("RIGHT"]): 


nave.môve x(/D*janela.delta timed)) 


CTMREA TS 1 
SPACE")): 
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E agora, iremos fazer uma função que permita com que a bala se movimente pela tela (iremos 
percorrer a lista que criamos anteriormente e fazer com que a bala possa se movimentar 
verticalmente e caso a bala toque no limite superior, ela irá desaparecer): 


def movimentar tiro nave): 
global tiros nave 
for tiro àn tiros nave: 
ZÉ (tiro.y 0): 
L ijros nave, remove (tiro) 
else: 
tiroc.move v(-50*janela.delta time()) 


CLiro.drawi] 


Feito isso, vamos chamar essa função dentro do game loop: 


while True: 
fundo. draw () 


movimentar Have jnave) 


movimentar tiro nave l) 


nave.draw() 


janela. update () 


Ao fazer isso, você vai ter algo assim: 
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o Space Shooter 
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Passo 04 - Arrumando a forma de atirar 


Podemos ver, na imagem anterior, que os tiros estão saindo de uma só vez. Isso faz com que 
eles fiquem juntos formando uma linha grande. Não queremos isso, queremos que tenha um 
intervalo entre um tiro e outro. 

Para isso, vamos primeiramente fazer a seguinte importação: 


from pygame. time import 


Ao realizar essa importação, podemos fazer uso de uma função que irá nos ajudar a controlar o 
tempo. Podemos fazer: 


O método .time.get ticks() irá retornar o tempo em milissegundos que se passou desde 
que o jogo foi iniciado. Podemos armazenar esse valor dentro de uma variável (tempo atual)e 
ela será útil para próximas verificações. 


Vamos criar duas variáveis: 


A primeira variável é uma constante que define o tempo entre dois tiros consecutivos. 
Associamos o valor 500 (o qual está em milissegundos). 

A segunda é um valor no qual iremos armazenar quando foi a última vez em que a nave atirou. 
Vamos algumas modificações nas funções que criamos: 

Dentro da função movimentar nave, quando a pessoa criar a tecla de espaço, primeiramente 
iremos pegar o tempo atual (usando o método get ticks()) e iremos verificar: caso a subtração 
entre o tempo atual e a variável que armazena a última vez que a nave atirou for maior que o 
TEMPO ENTRE TIROS, iremos chamar a função lancar tiro nave () 
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def movimentar nave ljnave) : 
1£É teclado. key pressed ("UP"): 
nave.move vyi-O*janela.delta time ()) 
1£f (teclado. key pressed ("LEFT")): 
nave.move x(-iU*janela.delta time l)) 
li (teclado. key pressed("DOWN")): 
nave.move y('O*janela.delta timel)) 
lfiteclado. key pressed("RIGHT")): 
nave.move x(/D0*janela.delta time(l)) 
df (teclado, key pressed("SPAÇE")): 
tempo atual pygame.time.get ticks () 
i£f( (tempo atual - ultimo tiro) > TEMPO ENTRE TIROS): 
lancar tiro nave () 


Agora, dentro da função lancar tiro nave (), iremos adicionar um novo valor à variável 
tempo atual. Esse novo valor será o retorno que obtemos a partir do 
pygame.cime.get ticks). 


def lancar tiro nave(): 
global ultimo tiro 
ultimo tiro = pyqame.time.get ticks() 
tiro = Sprite('./assets/shoot.png') 
tiro.set positioninave.x+4l,nave.y=5) 
tiros nave, append (tiro) 


Sendo assim, teremos o seguinte: 
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= Space Shooter 
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Passo 05 - Colocando inimigos 


Vamos aos seguintes requisitos que são necessários para a criação de um inimigo na tela: 


> Um inimigo irá aparecer a cada 2 segundos e o total de inimigos por fase será único, ou 
seja, na fase 1 só irdo aparecer 10 inimigos, na segunda fase 20 e na terceira 30. 

-> Temos três imagens diferentes para inimigos (enemy1.png, enemy2.png e enemy3.png). 
lremos escolher aleatoriamente entre as três qual é a imagem que irá aparecer do 
inimigo. 

> Iremos fazer com que o inimigo apareça em um lugar aleatório no topo da tela 


y 


lremos criar uma lista que irá conter: o objeto do inimigo, a última vez em que ele atirou 
e uma lista contendo todos os seus tiros já lançados. E essa lista que acabamos de criar 
será armazenada em uma lista que conterá todos os inimigos. 


A partir desses requisitos você consegue criar a função criar inimigo() ? 


daf criar inimigo(tempo): 


Além disso, iremos criar algumas variáveis no início do nosso código: 


MasTi 4T a 
] [| 


Primeiramente vamos criar três variáveis, a primeira, tempo inimigos, irá servir para fazer 
com que tenha um tempo entre o aparecimento de dois inimigos. 

A segunda irá armazenar em qual nível o jogador está. Já a terceira, irá armazenar todos os 
objetos inimigos. 


Em seguida, faremos a função: 
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global te + 
1] ari Lock | 
lfi(ite TE Ee TT | | and T 1 = | 
| ] TE | 
aleato à and and Eil, 
1Fl: ] 
alifjalea! 
alif (aleaí | 


Verificamos caso o tempo entre a última vez em que um inimigo apareceu for maior que 2000 
milissegundos (2 segundos) e ainda existem inimigos naquele nível - verificamos a lista que 
armazena a quantidade de inimigos por nível (lembre-se que cada posição da lista contém um 
valor diferente). A lista que estamos falando é a seguinte: 


A primeira posição (index 0) representa o primeiro nível, e por aí vai. Apesar de estarmos no 
primeiro nível (ou seja, o valor da variável nível = 1), se a gente fizesse total inimigos [nivel] 
estaremos acessando a segunda posição do vetor, quando queremos na verdade acessar a 
primeira. Sendo assim, estamos sempre subtraindo 1 da variável nível para obter o valor 
correto. 


Caso a condição seja verdadeira, iremos diminuir 1 na quantidade de inimigos disponíveis 
naquele nível (pois estamos criando um novo inimigo agora). E sorteamos um número aleatório 
(lembre-se de importar o random) para escolher qual vai ser o tipo do inimigo. 

Por fim, fazemos com que o inimigo apareça em uma posição aleatória na coordenada x e 
colocamos esse inimigo na lista que irá armazenar todos os objetos dos inimigos. 

Essa lista pode parecer um pouco complicada, mas se você observar, ela é até simples: 


e A primeira posição da lista irá armazenar o objeto inimigo, com ele você pode fazer tudo 
que um objeto do tipo Sprite pode fazer 

e Na segunda posição da lista, teremos a última vez em que aquele inimigo atirou, para 
evitarmos o problema que tivemos a uns passos atrás. 

e Na terceira posição da lista, teremos também uma lista que irá armazenar todos os tiros 
lançados pelo inimigo. 
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Ao fazer isso, nada aparece na tela, pois temos que fazer uma função que irá movimentar e 


desenhar o inimigo na tela: 


def mostrar inimigos (): 


for inimigo ih inimigos: 
inimigo[0O] .move v(20*janela.delta time (|) 
b ] ê cl Lam ( | 


Lnimigo| 


E por fim, vamos chamar as funções dentro do game loop: 


while True: 


criar inimigo (tempo inimigos) 


mostrar inimigos () 


[= .=.] 


Ao fazer isso, teremos as naves aparecendo: 
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a Space Shooter 





AULA 8 - Concluindo o Jogo 
Space Shooter 


1. Sumário 


Nesta aula iremos continuar a criação do jogo Space Shooter que iniciamos na aula anterior. 


Objetivos Utilizar objetos em programas e controlá-los através de 
atributos e métodos 





Aplicar a ideia de modularização para melhor organizar o 
código de um jogo 


Utilizar estruturas de dados para controlar o estado de 
objetos complexos em um jogo 


Atividades Construção do jogo Space Shooter 





Resultados de Aprendizagem PC01. Usar passos básicos na solução de problemas algorítmicos para 
projetar soluções (por exemplo, declaração e exploração de problemas, 


exemplos de instâncias, design, implementação de uma solução, teste, 
avaliação) 


PC06. Descrever e analisar uma sequência de instruções que estão 
sendo seguidas (por exemplo, descrever o comportamento de um 


personagem em um videogame conforme orientado por regras e 
algoritmos). 


PC07. Representar dados de várias formas, incluindo texto, sons, 
imagens e números. 


PC12. Usar abstração para decompor um problema em subproblemas. 


ms . . ms 74: 


PCP04. Demonstrar compreensão de algoritmos e sua aplicação prática. 
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PCP05. Implementar soluções de problemas usando uma linguagem de 
programação, incluindo: comportamento de looping, instruções 
condicionais, lógica, expressões, variáveis e funções. 


C6. Criar, desenvolver, publicar e apresentar, de forma colaborativa, 
produtos (por exemplo, vídeos, podcasts, websites) usando recursos de 


tecnologia que demonstram e comunicam conceitos do currículo. 


C7. Colaborar com colegas, especialistas e outras pessoas usando 
práticas colaborativas, como programação em pares, trabalho em 
equipes de projeto e participação em atividades de aprendizado ativo 
em grupo. 





Descrição das Atividades 


Nesta aula, os estudantes irão finalizar a construção do jogo Space Shooter que foi iniciado na 
aula passada. É importante que o professor explique aos estudantes que uma lista (estrutura de 
dados que foi aprendida anteriormente) poderá armazenar outras listas (o que está 
acontecendo com a lista de inimigos). Nesta aula, os estudantes continuarão o desenvolvimento 
do jogo em duplas, de preferência com a mesma dupla da aula anterior. 


Antes de finalizar é importante perguntar aos estudantes se estes possuem alguma dúvida, pois 


as duas aulas seguintes serão dedicadas para eles criarem os seus próprios jogos com base no 
que foi aprendido. 
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FOLHA DE ATIVIDADES - Concluindo o Jogo 
Space Shooter 


Passo 01 - Fazendo os inimigos atirarem 


Até agora os inimigos estão aparecendo na tela, mas não atiram na nave. Você já fez 
anteriormente a nossa nave atirar, como você faria com o inimigo? Lembre-se, ao contrário da 
nossa nave, o inimigo vai atirar sozinho. 


Podemos fazer algo assim: 


Criamos uma variável que irá definir o tempo entre os tiros do inimigo. 


tempo entre tiros inimigo 2000 


def lancar tiro inimigo (inimigo): 


Lnimigo[1] pyoame,time.get ticks () 
tiro Sprite ('./assets/shoot.png') 


tiro.set position (inimigo[0].x,inimigo[0].y) 


inimigo [2] .append tiro) 


Criamos uma função que irá receber como parâmetro a lista que contém na posição O o objeto 
Sprite do inimigo, na posição 1 a última vez em que ele atirou e na última posição, a lista de tiros 
do inimigo. 


E faremos uma modificação na função mostrar inimigos (): 


def mostrar Iinimigos(): 
for inimigo Ih inimigos: 
jnimigo[Ú].móve viZuU*janela.delta time(l)]) 
tempo atual pygame. time.get ticks) 
L£( (tempo atual — inimigo[1]) > tempo entre tiros inimigo): 
lancar tiro inimigo (inimigo) 


inimigo [0]. draw () 


E por fim, vamos fazer a bala do inimigo se movimentar. 
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else: 
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Passo 02 - Detectando a colisão entre o tiro da nossa 
nave e o inimigo 


No jogo original, caso a bala da nossa nave colida com o inimigo, ele irá desaparecer (você fez 
algo desse tipo com o Angry Birds, se lembra?). Tente fazer essa implementação. 


def mostrar inimigos(): 
for inimigo Ih inimigos: 
1£f not inimigo atingida (inimigo): 
inimigo(Uj.move yviZU*janela.delta time(li) 
tempo atual prgame.time.get ticks) 
d£( (tempo atual - inimigo[1]) > tempo entre tiros inimigo): 
Jancar tiro inimigo (inimigo) 
inimigo[0].draw() 


else: 


Primeiro vamos fazer uma modificação na função mostrar inimigos. Primeiramente 
percorremos a lista que armazena as informações dos inimigos. Também, iremos criar uma 
função, que é apresentada em baixo. 


def inimigo atingido (inimigo): 
for tiro in tiros nave: 
1f tiro.collided (inimigo[0]): 
return True 
return Falsa 


Ela irá fazer uma verificação entre as balas que estão armazenadas na lista tiros nave como 
inimigo que foi passado - caso elas estejam se colidindo, a função retorna True. 


Agora voltamos para a função mostrar inimigos: caso o retorno da função 


inimigo atingido seja False, ou seja, a nossa bala não colidiu com o inimigo, significa que é 
para ele se movimentar. Mas caso contrário, o removemos da lista de inimigos. 
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Passo 03 - Detectando a colisão entre o tiro do 


inimigo com a nossa nave 


Agora, caso O inimigo atire na nossa nave, perderemos uma vida. Essa implementação é fácil, 


você concorda? 


"mM 


vidas = 20 


Primeiramente criamos uma variável que irá armazenar a quantidade de vidas disponíveis. 


Inicialmente o usuário terá 20 vidas. 


def movimentar tiro inimigo(): 
global vidas 
for inimigo in inimigos: 
for tiro in inimigo[z]: 
dfitiro.y> 650): 
inimigo[2].remove (tiro) 
else: 
tiro.move vy(50*janela.delta time()) 
tiro.draw(] 
d£f(tiro.collidedi(nave)): 
Inimigo [2].remove (tiro) 


vidas==1 


E fazemos uma pequena modificação na função movimentar tiro inimigo (). 
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Passo 04 - Mostrando na tela o nível atual e a 


quantidade de vidas disponíveis 


Temos duas variáveis: nível e vidas. Precisamos mostrá-las na tela para o usuário se situar no 


jogo. 


Dentro do game loop, você pode fazer algo que já fez nos jogos anteriores: 


="irial",bold=-True, italic-False) 


name="Arial", bold=True, aitalic=False) 


E teremos: 





a Space Shooter mi 


Vidas: 20 





142 


Passo 05 - Indo para o próximo nivel 


Vamos criar uma função, assim como fizemos no Angry Birds, que verifica se o jogo pode ir para 
o próximo nível. No nosso caso, o próximo nível significa uma nova onda de inimigos. Como 
você faria isso? 


def proxima onda lj: 
global nivel 
1f total inimigos [nivel-1] O and nivel - 


nivelt+=] 


Não esqueça de chamá-la dentro do game loop. 
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Passo 06 - Fazendo aparecer o chefão 


Estamos quase finalizando o nosso jogo que até agora está muito fácil. Precisamos de um 
chefão que irá poder atirar duas balas por vez e cada bala contém um dano de 2 pontos. 
Lembrando que, esse chefão só irá aparecer na terceira fase. 


Vamos adicionar as seguintes variáveis no início do nosso código: 


mostrar boss False 


vida boss q) 


lremos criar um objeto do tipo Sprite que terá a imagem do chefão (armazenado dentro da 
pasta assets e com o nome de boss.png). 

Inicialmente ele não será mostrado no jogo, sendo assim, criamos uma variável mostrar boss 
que irá começar com o valor False. Por fim, temos uma variável que irá armazenar a vida do 
boss (isso mesmo, ele não irá desaparecer tão rapidamente com somente um tiro). 


Para fazer com que ele apareça é bem simples, basta fazermos uma pequena modificação na 


função criar inimigo: 


def criar inimigoltempo): 

global tempo inimigos, mostrar boss 

tempo agora prgame.time.get ticks() 

lf( (tempo agora tempo) 2000 and total inimigos [nivel-1]>0): 
tempo inimigos pyqame.time.get ticks() 
total inimigos [nivel-1]-=] 
aleatorlo random. randint (1,3) 
if(aleatorio 1): 

Inimigo vprite("./assets/enemvyl.png”| 


alif (aleatorio 2): 


INIMIgO Sprite('./assets/enemyve.pna") 
aLi1£f (aleatorio Eb pE 
inimigo = Sprite('./assets/enemyv3.pna") 


inimigo.set position irandom.randint (43,283), -50U) 
inimigos.append ([inimigo,0, []]) 

df nivel * and not mostrar boss: 
mostrar boss True 


boss.set position(random.randint (45,283),-50) 
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Temos que, caso o nível for igual a 3 e a variável mostrar boss for falsa (o inimigo ainda não 
apareceu), iremos colocar essa variável igual a True e fazer com que ele apareça em uma 
posição aleatória. 
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Passo 07 - Movimentando o chefão 


O chefão terá um movimento diferente do resto dos inimigos. Inicialmente ele irá descer 
normalmente e quando chegar a um certo ponto, ele só irá se movimentar horizontalmente. 
Consegue imaginar como podemos fazer isso? 


Podemos iniciar com a declaração de algumas variáveis: 


movimento boss baixo True 


movimento boss direita False 


Vamos criar inicialmente duas variáveis que irão nos ajudar a saber se o boss pode se 
movimentar horizontalmente ou verticalmente. 


def boss movimenta vertical (): 


global movimento boss baixo, boss 
L£ Doss.Yy rE=T0 E 

mr mer!  DOSS Dalx False 
elif bc 


movimento boss baixo True 


Criamos a função boss movimenta vertical que irá verificar se o chefão pode se 
movimentar verticalmente, ou seja: inicialmente ele irá descer como outro vilão e quando chegar 
em uma determinada coordenada y, ele não poderá mais. 


Agora criaremos uma função que irá ajudar a fazer a movimentação horizontal do chefão. 
Verificamos a coordenada x do chefão e se ele estiver entre Opx e 10px - significa que ele pode 
se movimentar para a direita. Caso contrário, se essa coordenada estiver entre 300px e 310px, 
significa que o chefão pode se movimentar para a esquerda. 


def boss movimenta horizontal (i': 


movimento boss direita Trye 


movimento boss direita False 


Por fim, vamos criar a função que irá fazer com que o chefão se movimente de fato: 
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global j | 
1£ | LE | 
| |) 
DOS! E] 
2£f 1 
delta time) ] 
else: 
1f movimento boss 
[ 
alse: 


Caso o chefão esteja aparecendo na tela, chamamos as funções que permitem alterar os valores 
das variáveis que que ajudam a fazer o movimento horizontal ou vertical do chefão. 
Em seguida, fazemos os movimentos. 


Chamamos a função movimentar boss () dentro do game loop, e quando o jogo estiver na 
terceira onda, o boss vai estar se movimentando na tela. 


a Space Shooter 


Vidas: 20 
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Passo 08 - Fazendo com que o chefão atire 


Para o chefão conseguir atirar, vamos ter a mesma lógica que fizemos anteriormente. A única 
diferença é que o chefão irá atirar duas balas por vez. 


Vamos começar com a declaração das duas variáveis que vão ser importantes: 


tiros bóss [] 


ultimo tiro hoss 


Criaremos a função que irá criar os objetos de tiro do chefão, lembrando que iremos criar dois 
objetos de vez, pois o chefão atira dois tiros por vez. 


def lancar tiro boss): 
global ultimo tiro boss 
à£f mostrar boss: 
ultimo tiro boss pygame.time.get ticks [) 
tirol sprite('./assets/shoot.png") 
tirol.set positioniboss.x+3b0,boss.y+100) 


tiro? Ssprite('"'./assets/shoot.png') 
tiro2Z.set positionlboss.x+ta,boss.v+100) 


tiros boss.append (tirol)] 


tiros boss.append (tiro?) 


E por fim, fazemos uma modificação na função movimentar boss para fazer com que o chefão 
possa atirar automaticamente. 
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def movimentar boss): 
global boss, vida boss 
1f mostrar boss: 
boss movimenta vertical () 
boss movimenta horizontal() 
1£f movimento boss baixo: 
bóss.move vyillU*janela.delta time()) 
else: 
df movimento boss direita: 
boss.move x(l0*janela.delta timel)) 
alse: 
boss.move x(-10*janela.delta time ()) 
tempo atual = pygame.time.get ticks() 
L£( (tempo atual - ultimo tiro boss) > tempo entre tiros inimigo): 
lancar tiro boss() 


boss.draw() 


Por fim, vamos criar a função que permite com que o tiro do chefão possa aparecer na tela: 


def movimentar tira boss): 
for tiro in tiros boss: 
tiró.mova yilurjanela.delta time()] 


tiro.drawl) 


Não esqueça de chamá-la no game loop 
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Passo 09 -  Disponibilizando a vida do chefão 


Agora que o chefão está aparecendo na tela, podemos disponibilizar para o jogador a 
quantidade de vidas que ele possui naquele momento. 
No game loop, coloque o seguinte código: 


1f(mostrar 


E teremos: 


is Space Shooter — ” 


ENE: 20 


Vida (Boss): 40 
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Passo 10 - Lidando com a colisão 


Assim como fizemos com as naves inimigas, vamos fazer também com o chefão. Caso a bala do 
chefão atinja a nossa nave, vamos perder dois pontos de vida e caso a bala da nossa nave atinja 
o chefão, ele irá perder 1 ponto de vida: 


def movimentar boss(): 
global boss, vida boss 
1f mostrar boss: 
boss movimenta vertical () 
boss movimenta horizontal() 
1f movimento boss Dbalxo: 
boss.move yilU*Janela.delta time()) 
else: 
If movimento boss direita: 
boss .move x(Ly*7anela.delta timel)) 
else: 
boss.move x(-lLb*Jjanela.delta timel)) 
af(tiro atingiu()): 
vida boss-=1 
tempo atual = pygqame.time.get ticks () 
1f( (tempo atual - ultimo tiro boss) > tempo entre tiros inimigo): 


lancar tiro boss [|] 


boss.draw(i|] 


Dentro da função movimentar boss, iremos chamar a função tiro atingiu boss: 


def tiro atingiu boss): 


for tiro àn tiros nave; 
2£f mostrar boss: 
df tiro.collidediboss): 
tiros nave. remove (tiro) 
return True 
return False 


Ao fazer isso, quando a bala da nossa nave atinge o chefão, ele perde 1 ponto de vida. 


Para fazer com que a nossa nave perca dois pontos de vida caso a bala do chefão a atinja, 
podemos fazer a seguinte modificação na função movimentar tiro boss: 
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def movimentar tiro boss): 
global vidas 
for tiro in tiros bass: 
tiro.move yiTO“janela.delta time()) 
tiro.draw() 
2fitiro.collidedinavel): 
tiras boss. remove (Tiro) 


widas-=? 
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Passo 11 - Finalizando o Jogo 


O nosso jogo está bem perto de acabar. Precisamos agora verificar se a quantidade de vidas do 
jogador é menor do que zero ou até mesmo se a vida do chefão é igual a zero. 

Faremos a mesma coisa que fizemos no jogo anterior, disponibilizando opções para o jogador 
escolher se ele deseja finalizar o jogo ou continuar. 

Como você realiza essa implementação? 


Podemos fazer o seguinte: 


Vamos criar uma variável que irá nos ajudar a saber se o jogo finalizou ou não. Caso ele não 
esteja finalizado, iremos permitir as movimentações dos objetos na tela. 


fim jogo = False 


Vamos criar a função verificar fim jogo (): 


def verificar fim jogo(): 
global fim jogo 
1£f vidas <= 0 or vida boss «= 0: 
fim jogo = True 
quadrado = Gamelmage ('./assets/quadrado.png') 
quadrado. set position(8,450) 
quadrado. draw (] 
janela.draw text ("Fim do j09g0",40,300,50, color=(0,0,0), 
font name="Arial",bold=True, italic=False) 
janela.draw text ("Jogar Novamente “,110,4900,16, 
Ff 


mu | — Jp E ”, 
Le LTL — K Li p Ud | LJ] [ 


font name="Arial", bold-=True, italic-False) 
janela.draw text /“Salr ",160,430,16, color=(U,0U,0), 
tont name="Arial”,bold-True, italic-False) 
jogar novamente () 


sair l) 


A função jogar novamente: 
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def jogar novamente (): 


global vidas, vida boss, total inimigos, tempo inimigos, nivel, 
fim jogo, tiros nave, tiros inimigos, tiros boss, inimigos,mostrar boss 
coordenada x mouse = mouse.get position) [0] 
coordenada y mouse = moyse.get positiond) [1] 
1f (mouse. is button pressed(l) and 10B<=coordenada x mouse<= 244 and 


395<= coordenada y mouse <=dld): 
vidas = 20 
vida boss = 40 
total inimigos = [10,20,30] 
nave.set position(181,515) 


tiros nave = [] 
tiros inimigos = [] 
tiros boss = [] 


inimigos = [] 
mostrar boss = False 


tempo inimigos = pygame.time.get ticks () 


nivel = 1 


fim jogo = False 


janela.delavy (2000) 


Esair(): 


def sairi): 


coordenada x mouse = mouse.get position) [0] 
coóordenada y mouse = moúuse.get position) [1] 
df ijmouse. is button pressed(l) and l5B<=coordenada x mouse<= 1RE and 


d2j<= coordenada y mouse <=440): 
janela. close(] 


Por fim, o game loop ficará assim: 


154 


while(True) : 
fundo. drawi) 
lf not fim Jogo: 
movimentar nave inave] 
nave.draw(]) 
mostrar inimigos) 
movimentar tiro nave() 
movimentar tiro inimigol) 
movimentar tiro boss () 
criar inimigo (tempo inimigos) 
proxima onda () 
movimentar boss) 
verificar fim jogo() 
janela.draw text ("Vidas: "+str (vidas), 300,12, color=[255,255,255), 
font name="Arial",bold=Trus, iltalic=False) 
janela.draw text ("Onda: "+str (nivel),50,12, color=(255,255,255), 
font name="Arial",bold-True, italic-False) 
if (mostrar boss): 
janela.draw text ("Vida (Boss): "+str(vida bhoss),300,60, 
color=(255,255,255), font name="Arial",bold=True, italic-False) 


janela.update () 


E você finaliza o seu jogo! €º) 
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AULA 9 - Fazendo o seu Jogo 


1. Sumário 


A partir do conhecimento que os estudantes obtiveram com as últimas aulas a respeito da 


construção de jogos digitais, eles, agora, irão criar os seus próprios jogos. 


Objetivos Utilizar a criatividade para a construção de jogos digitais 


Conceber personagens, funcionalidades e mecânica de 
um jogo digital 2D 


Implementar um jogo digital a partir de um design 
simplificado 


Exercitar os conceitos aprendidos anteriormente 
Objetos 

Conteúdo 
Modularização 


Atividades Construção do jogo original do estudante 





Resultados de Aprendizagem PC01. Usar passos básicos na solução de problemas algorítmicos para 
projetar soluções (por exemplo, declaração e exploração de problemas, 


exemplos de instâncias, design, implementação de uma solução, teste, 
avaliação) 


PC06. Descrever e analisar uma sequência de instruções que estão 
sendo seguidas (por exemplo, descrever o comportamento de um 
personagem em um videogame conforme orientado por regras e 
algoritmos). 


PC0O7. Representar dados de várias formas, incluindo texto, sons, 
imagens e números. 


PC12. Usar abstração para decompor um problema em subproblemas. 


ms . . ms 74: 


PCP04. Demonstrar compreensão de algoritmos e sua aplicação prática. 





PCP05. Implementar soluções de problemas usando uma linguagem de 


programação, incluindo: comportamento de looping, instruções 
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condicionais, lógica, expressões, variáveis e funções. 


C6. Criar, desenvolver, publicar e apresentar, de forma colaborativa, 
produtos (por exemplo, vídeos, podcasts, websites) usando recursos de 
tecnologia que demonstram e comunicam conceitos do currículo. 


C7. Colaborar com colegas, especialistas e outras pessoas usando 
práticas colaborativas, como programação em pares, trabalho em 
equipes de projeto e participação em atividades de aprendizado ativo 
em grupo. 





Descrição das Atividades 


Nesta aula, os estudantes estão aptos a construírem os seus próprios jogos digitais com base no 
que foi aprendido anteriormente. O professor pode escolher se esta atividade será feita em 
duplas ou individualmente. 


É importante que o professor participe como um esclarecedor de dúvidas, para que não possa 
haver interferências indesejadas na construção do jogo. 


O professor deve apresentar o objetivo da aula, que é criar um jogo desde a concepção até o 
desenvolvimento. Assim, deve-se falar sobre o processo de criação de um jogo, enfatizando o 
processo de Game Design - momento inicial de definição de mecânicas, regras e níveis. 
Contextualizando a área de Game Design como uma profissão, alguns Game Designers famosos 
como Shigeru Miyamoto e Hideo Kojima podem ser apresentados. O professor deve aproveitar 
esse momento para falar sobre a criação de jogos no Brasil, exemplificando com o primeiro jogo 
do Brasil (Amazônia, criado por Renato Degiovani) e jogos atuais como A Lenda do Herói, 
Horizon Chase e outros. 


Antes da construção do jogo, o professor deve informar que os estudantes devem preencher o 


Game Design Document, no qual eles irão realizar a modelagem do jogo inserindo alguns 
elementos que serão fundamentais: Tipo de Jogo, Objetivo, Personagens e Mecânicas. 
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FOLHA DE ATIVIDADES 


Crie um Game Design Document (GDD) para o seu jogo com as seguintes informações: 


Nome do jogo: 


Tipo do jogo (marque com o x): 
[ JCarro [ JPlataforma [ 7]Running [ JTiro [ ]Puzzle [ 7 Estratégia 
[ | Outro: 


Objetivo do jogo: 


Funções Utilizadas (marque com o x): 

[ ] Pontuação [ JVidas [ ] Números Aleatórios [ ]Colisão [ ] Interação com o Mouse 
[ ] Interação como Teclado [ ] Personagens não jogáveis (Non-Player Characters - NPCs) 

[ ] Criação de objetos a partir de outros (spawn) 

[ | Outros: 


Personagens/Itens 
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Regras do jogo (Descrição ou Desenhos): 
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AULA 10 - Concluindo o seu 
Jogo 


1. Sumário 


Nesta aula, os estudantes irão finalizar a construção dos jogos e os apresentarão para a turma. 


Objetivos Utilizar a criatividade para a construção de jogos digitais 


Conceber personagens, funcionalidades e mecânica de 
um jogo digital 2D 


Implementar um jogo digital a partir de um design 
simplificado 





Exercitar os conceitos aprendidos anteriormente 
Objetos 
Métodos 

Conteúdo 
Modularização 
Listas 


Tuplas 


Atividades Construção do jogo original do estudante 


Resultados de Aprendizagem PC01. Usar passos básicos na solução de problemas algorítmicos para 
projetar soluções (por exemplo, declaração e exploração de problemas, 


exemplos de instâncias, design, implementação de uma solução, teste, 
avaliação) 


PC06. Descrever e analisar uma sequência de instruções que estão 
sendo seguidas (por exemplo, descrever o comportamento de um 
personagem em um videogame conforme orientado por regras e 
algoritmos). 





PC0O7. Representar dados de várias formas, incluindo texto, sons, 


imagens e números. 





PC12. Usar abstração para decompor um problema em subproblemas. 
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PCP04. Demonstrar compreensão de algoritmos e sua aplicação prática. 
PCP05. Implementar soluções de problemas usando uma linguagem de 
programação, incluindo: comportamento de looping, instruções 


condicionais, lógica, expressões, variáveis e funções. 


C6. Criar, desenvolver, publicar e apresentar, de forma colaborativa, 


produtos (por exemplo, vídeos, podcasts, websites) usando recursos de 
tecnologia que demonstram e comunicam conceitos do currículo. 


C7. Colaborar com colegas, especialistas e outras pessoas usando 
práticas colaborativas, como programação em pares, trabalho em 
equipes de projeto e participação em atividades de aprendizado ativo 
em grupo. 





Descrição das Atividades 


Nesta aula, os estudantes irão finalizar os jogos que foram iniciados na aula anterior. O 
professor pode dar um tempo para os estudantes darem os ajustes finais e tirar algumas 
dúvidas. Na segunda parte da aula, poderá ser reservada para a apresentação destes jogos para 
a turma. 


Se a sala dispor de um aparelho projetor, os estudantes podem apresentar os seus jogos para 
os seus colegas e apresentarem a dinâmica do jogo. 
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